What Claude Design is now
Claude Design is a distinct Anthropic beta product for creating and iterating on visual work through conversation. It is not merely Claude chat with a design prompt. The current product combines a chat interface with a visual canvas and is aimed at designs, interactive prototypes, presentations, microsites and related visual work. It can start from prompts, screenshots, codebases and design assets, inherit an organization’s design system, accept direct edits and inline comments, and move work into Claude Code or external creative/deployment tools.123
The June overhaul matters more than the launch demo
Claude Design changed substantially only two months after launch. Anthropic rebuilt design-system import so users can bring one or several systems from GitHub, design files, raw uploads or local code. Claude is supposed to build from those components, check its work against the system and correct mismatches before surfacing the result. Larger organizations can use an admin role to approve and lock a standard design system.34
The code handoff also became more ambitious. `/design-sync` can bring existing components from Claude Code into Design; work can then move back into Claude Code without restarting from screenshots. Users can also connect the Claude Design MCP server and create/edit projects from a terminal workflow.2 This is strategically important because early reviewers repeatedly identified the design-to-code handoff as the boundary where the product became less convincing.
Builder.io’s April hands-on review found Claude Design unusually good for exploration: relevant clarifying questions, multiple directions, custom sliders and visual annotation made it feel more like a creative workspace than a chat box. But that launch-era review also found limited direct editing, buggy tweak controls and weak continuity with the live production application; its estimated design-system fidelity was roughly 50–75% in the tested workflow.5 Builder is a competitor, so those findings must be read with that conflict in mind, and several limitations predate Anthropic’s June rebuild. They are useful as a list of failure modes that the newer product specifically claims to address, not as proof that the same defects remain unchanged.
Brian Perry’s independent practitioner account is similarly dated but informative. He found the design output strong enough that he actually implemented one of the concepts, putting Claude Design ahead of other AI design tools he had tried. At the same time he encountered unprompted changes, awkward navigation, heavy token consumption and a Claude Code handoff that needed substantial cleanup.6
Justin McKelvey’s early-June hands-on review also praised the live-HTML output and design-system/code workflow. Because it predates the June 17 overhaul, it is better evidence for the product’s basic design thesis than for the current implementation details.7
What the current product can do
Anthropic’s current help documentation describes a two-pane workflow: chat on the left, working canvas on the right. A typical project attaches a design system, adds screenshots/codebase or other context, asks Claude to build, then iterates through chat, inline comments and canvas editing before export or sharing.2
Design systems are a central feature rather than an optional brand-color field. Claude can extract reusable components, colors, typography and layout patterns from codebases, presentations, documents, screenshots, prototypes and brand assets. Teams can publish the resulting system so new projects inherit it automatically.4
The June editor adds direct drag, resize and alignment controls. Anthropic also expanded destinations to Adobe, Base44, Canva, Gamma, Lovable, Miro, Replit, Vercel and Wix, alongside PDF and PowerPoint workflows.3 This reinforces the product’s positioning as a starting point and handoff hub rather than a closed destination where every design must be finalized.
For software-product work, the Claude Code relationship is the differentiator. The promise is not merely “generate a mockup from a prompt,” which many tools can now do. It is “generate the visual direction in a designer-friendly surface, preserve the relevant components, then continue toward implementation with the same Claude ecosystem.” Current documentation makes that loop materially more credible than it was at launch.23
Model routing: do not score Claude Design by an Opus leaderboard
At launch, Anthropic explicitly connected Claude Design to Opus 4.7.8 Current Claude has moved beyond that generation. Anthropic’s pricing page now lists newer Opus/Fable/Sonnet models, and a current help article states that automatic model switching for Opus 5 works in Claude Design just as it does in Claude web, Desktop, Code and Cowork.910
That means a static claim such as “Claude Design = Opus 4.7” is outdated. It also means an Opus 5 benchmark should not automatically become a Claude Design benchmark. Application quality depends on more than the underlying model: canvas tooling, visual rendering, design-system extraction, tool orchestration, file handling, iteration state, edit controls and handoff behavior all matter.