Claude Design: Prototypes from Conversation

What changed

Anthropic Labs released Claude Design in April 2026 as a research preview, available to Pro, Max, Team, and Enterprise subscribers. Built on Claude Opus 4.7 (Anthropic's most capable vision model), it creates designs, interactive prototypes, presentations, and one-pagers through conversation. Key capabilities: describe what you need, Claude builds a first version, then refine through chat, inline comments, direct text edits, or adjustment knobs (custom sliders generated by Claude) until it's ready. A design system feature reads your codebase and design files during onboarding so every subsequent project applies your colors, typography, and components automatically. When a design is ready to build, Claude packages it into a handoff bundle that can be passed to Claude Code with a single instruction — closing the loop from idea to prototype to production code.

Why it matters

Claude Design compresses the design-to-dev handoff — one of the most expensive friction points in product development. The direct integration with Claude Code means a PM or designer can go from a written brief to a testable interactive prototype to reviewed production code without switching tools, without Figma exports, and without manually writing design specs. The design system extraction makes it consistent with existing codebases rather than generating one-off outputs. The shareable prototype URL enables async feedback before any code is written. This is not a Figma replacement — it operates earlier in the workflow, at the exploration and communication stage.

What can be built

• Interactive UI component prototypes handed off directly to Claude Code
• Feature wireframes by PMs that skip the designer bottleneck for internal tools
• Presentation decks and one-pagers from a structured brief in minutes
• Design system-aware mockups that automatically apply your brand tokens
• User-testable prototypes shareable via URL before any production code is written
• Full design-to-code loops for greenfield features using the Claude Design → Claude Code pipeline

Limitations & risks

• Research preview status — Claude Design is an Anthropic Labs experiment, expect breaking changes and feature iteration
• Runs on Claude Opus 4.7 and counts against subscription limits; extended sessions can be token-heavy
• Inline comments occasionally disappear before Claude reads them (known bug) — workaround: paste comment text into chat
• Linking large repositories (monorepos) for design system extraction may cause browser lag — link specific subdirectories instead
• Not a production design tool yet — not a replacement for Figma in established design workflows
• 3D, shader, and voice features are available but experimental within an already-experimental product
• Prototype pixel values may need conversion to responsive units when handing off to Claude Code

References

• Introducing Claude Design by Anthropic Labs
• Get started with Claude Design — Help Center
• Claude for Creative Work — Anthropic