Claude Design Redesigns Codebases into Interactive UIs
Attach your codebase to Claude Design; it redesigns the full app UI into an interactive prototype in ~7 minutes, enables on-the-fly edits, and hands off directly to Claude Code—closing the design gap in AI coding workflows.
Attach Codebase for Full App Redesigns
Claude Design reads your entire codebase to redesign UIs without losing functionality. Prompt it with goals like 'simplistic, powerful, dark mode, iOS standards' after attaching files—generation takes 7-8 minutes as it analyzes every page. No codebase needed; import Figma files, design systems, screenshots, or sketch directly on-canvas. Powered by Opus 4.7, available to Pro, Max, Team, Enterprise subscribers. Demo on Migraine Tracker app transformed basic vanilla UI (log episodes, review history, Apple Health integration) into high-fidelity, interactive prototype matching app logic.
Results preserve core flows: episode logging with data inputs, historical views for doctor sharing. Trade-off: Initial generation asks clarifying questions, so provide guidance to avoid rework.
Iterate Designs with Interactive Edits
Generated prototypes are fully interactive—tap to navigate screens, tweak colors, adjust 'liquid glass' intensity on-the-fly via sliders. Edit mode lets you select elements, prompt changes (e.g., 'move this up'), or draw sketches directly; Claude regenerates instantly. Add teammates via share links for collaborative comments from designers, PMs, engineers. Duplicate as templates for reuse. This frontloads nitpicks, reducing back-and-forth in real projects where design is most collaborative.
Export as PDF, PowerPoint, HTML, or send to Canva. Key unlock: Handoff to Claude Code via copy-paste command (links design file) or ZIP download—seamlessly generates implementation code.
Fixes Vibe Coding's Design Bottleneck
Vibe coding breaks at UI: Drop PRD into Claude Code/Codex, get logic but mismatched designs requiring post-hoc fixes that waste tokens/humans. Claude Design shifts design first—iterate visuals before coding, hammer out issues upfront. Bigger impact than Opus 4.7 or Codex updates; called 'Figma killer' for non-designers (founders/PMs) to prototype fast. Not competing with Canva (despite ex-Anthropic on their board), but integrates via export. Builds complete loop: business logic + infra + code + design, enabling solo builders to ship polished apps faster.