Claude Design — Designs, Prototypes & Decks

Where it works

• In any conversation: ask for a design ("make a one-pager from this proposal"), or choose Output → Design.
• The Artifacts tab: start from a Design template.
• Claude Code: /design creates, edits and syncs designs, on desktop or in the terminal.
• Mobile: ask for a design in any conversation, check back for the result and view it full screen in the Artifacts tab. You can edit a design there too; changing sharing settings needs web or desktop.
• claude.ai/design: the standalone version keeps working until it closes on December 14, 2026, and existing projects stay there until then. Migrate your design systems before it closes.

Available on Free, Pro, Max, Team and Enterprise plans, and on by default. On Enterprise it turns on by default on October 15, 2026; owners can turn it on earlier in Organization settings → Artifacts.

Set up your design system first

Import one or more design systems from a GitHub repository, design files, uploads or your local codebase. In Claude Code, run /design-sync. New projects inherit your organisation's design system automatically, and Claude checks its output against your real components. Design systems made at claude.ai/design can be moved over.

Prompt, then refine

• Say what it is, who it's for, the layout and the content. For example: "Design a 4-screen mobile onboarding flow that walks users through our core features."
• Add context: screenshots, existing decks or documents, or a linked code repository, so the prototype is closer to production from the start.
• Refine with chat for broad changes, inline comments on the canvas for targeted ones, or direct edits. If comments seem to be ignored, paste the feedback into chat; Anthropic notes an intermittent issue.
• Hand off: export as PPTX, to Google Slides or as standalone HTML, send designs to tools such as Canva, Gamma or Vercel, and move between Claude Design and Claude Code (/design) with your work kept in sync.