Claude Design Studio Tour
Explore Claude's visual design capabilities across UI mockups, slide decks, marketing one-pagers, and data visualisations. Learn iterative refinement, global style adjustment, and export strategies.
Claude Design Explorer
Browse four asset categories Claude can generate. Each tab shows a mock conversation demonstrating how to prompt for that specific asset type, with the kind of output you can expect.
Iterative Refinement Demo
See how a 3-step prompt chain transforms an initial design through colour refinement and layout adjustment. Click each step to see the prompt and the resulting changes.
Global Style Adjustment Panel
Adjust colour scheme, font family, and spacing to see how a single prompt can transform the entire design. The generated prompt shows you exactly what to ask Claude.
Export Format Guide
Compare the five export formats Claude supports. Each has distinct strengths depending on your downstream workflow.
Key Insight
Claude Design is a thinking partner, not a production tool. Its real power lies in rapid ideation and direction-setting. You can explore ten layout concepts in the time it takes to build one in Figma. Use Claude to sketch the territory — test colour palettes, compare layout structures, prototype information hierarchy — then hand the winning direction to your design tools or your designer. The artefact Claude produces is a conversation piece, not a final deliverable. Treat it as the fastest way to get from a vague idea to a concrete visual brief.