Claude Design Workflow: From Assets to Export
From Wikiprompt, the free prompt encyclopedia
Claude Design Workflow: From Assets to Export A step-by-step guide to designing in Claude, covering setup, design system creation, effective prompting, iteration, validation, and export.
Prompt ContentSave
π
1. Open claude.ai/design (it has its own URL).
2. Format: Wireframe, Slides, template or Freeform.
3. Sign in with a Pro or Max plan.
4. Use my full setup guide: https://t.co/ZY8Fg5D2ea.
Before you prompt, get a DESIGN .md:
1. Drop every brand asset into a Cowork folder. Prompt: "Save the design system as DESIGN .md"
2. OR steal one in 30 secs from getdesign.md (Airbnb, Ferrari, Pepsi, any brand)
Then stop describing pixels. Paste this instead:
"Build a pricing page. 3 tiers, monthly/annual toggle, sticky CTA on mobile. Match our homepage tone."
Good prompts have goals, layout, content & constraints. It reads DESIGN .md to build the page.
For pitch decks, never ask for slides directly.
Generate a 30-sec animated video first, then in the same chat: "convert the video into a slide pitch deck."
Iterate in two places:
Structural change in chat: "Give 3 different layouts."
Pixel changes in canvas. Click edit, it lights up green
Always validate before you export:
"List WCAG 2.1 AA violations with fixes."
"Generate desktop, tablet, and mobile versions."
"Suggest 2 A/B variations of the hero section."
Top right β Export. In PPTX, PDF, standalone HTML, or a bundle for Claude Code format.
Sign in to see the full prompt
Continue with:
By logging in, you agree to our Terms of Use and Privacy Policy
Usage
This prompt is designed for use with productivity. Copy the prompt content above and paste it into your preferred AI tool.
For best results, you may customize the placeholders (indicated by square brackets or capital letters) with your specific requirements.
References
- Category: productivity Prompts
- Source: https://x.com/rubenhassid/status/2052705079543894268
Talk
0 comments