Claude Design Setup Workflow

Step 1. Go to claude.ai/design (bookmark the url). Sign in with Pro or Max plan. Create one folder: "Claude Design." Drop every brand asset you own inside: logos, past decks, landing pages, brand PDF. Step 2. Build your DESIGN.md. Open Claude Cowork. Point it at the folder. Paste: "Analyze this folder and produce a full design system write-up. Fonts, colors, graphical styles, component patterns, tone, layout conventions. Flag anything missing. Save it as DESIGN.md." Step 3. Lock in your prompt structure. 4 inputs: goal, layout, content, constraints. Bad: "Build me a pricing page." Good: "Build a pricing page for [product]. 3 tiers, annual/monthly toggle, sticky CTA on mobile. Tone: premium, strategic - think Stripe + Anduril. Match DESIGN.md." Step 4. Pick the format. Wireframe → full websites & landing pages. Slide deck → pitch decks (with speaker notes). From template → 45-sec animated videos. Step 5. Generate, then iterate. Structural changes in the chat: "Show me 3 alternative layouts." Pixel changes in the canvas: click edit, highlight what you want changed. Responsive checks: "Generate desktop, tablet, and mobile versions." Step 6. Export. PPTX, PDF, standalone HTML, or a Code bundle.