The no-fluff guide to creating beautiful, professional designs with Claude. No design degree required!
🤖 Welcome to The Claude Design Quick Start Guide! Claude Design is Anthropic's new collaborative design tool. It lets you create polished designs, prototypes, slide decks, landing pages, and more, just by describing what you want in plain English. If you've been sitting on an idea for a landing page, a digital product, a lead magnet, an app, or anything visual, this is the tool that takes away your last excuse to go for it! Built by The Limitless Jess 💜
This guide walks you through exactly how to set it up, how to use it properly, and gives you the exact prompts to get the best results from day one.
What you need: A Claude Pro, Max, Team, or Enterprise subscription.
Start here: claude.ai/design
Your design system is the foundation Claude uses to build every project you create going forward. Once you upload it, your colours, your fonts, and your visual identity get applied automatically every single time. You stop having to remind Claude who your brand is.
Upload it directly inside Claude Design. Every project from this point on will use it.
Use the prompt below inside a regular Claude conversation (not inside Claude Design yet), fill in your brand details, and save the output. Then upload it to Claude Design and you're set.
The prompt:
I'm creating a complete design system for my brand that I can use across everything I build. Landing pages, digital products, lead magnets, social graphics, presentations, and eventually an app.
ABOUT MY BRAND
- What I do: [one sentence]
- Who I'm talking to: [your ideal customer in detail, including age, what they care about, and what they're trying to achieve]
- How I want people to FEEL when they experience my brand: [e.g. calm and confident / energised and excited / warm and welcomed / sharp and premium]
- Three brands whose aesthetic I admire and why: [examples with a sentence on each]
- Three words that describe my brand's personality: [e.g. direct, sharp, approachable]
- Colours I'm drawn to (leave blank to let you choose): [hex codes or descriptions]
- Colours I'd never use: [anything you want to avoid]
- My industry or niche: [your space]
Please build a complete, production-ready design system including:
1. COLOUR PALETTE
- 2 to 3 core brand colours with hex codes and a clear use case for each
- 1 accent colour for CTAs and highlights
- A full neutral scale from light to dark with 6 shades
- Accessibility notes showing which combinations pass WCAG AA contrast for body text
2. TYPOGRAPHY SYSTEM
- A display font for headlines and a body font for paragraphs, with reasoning for each choice
- Full size scale from H1 down to caption, including weights and line heights
- Web-safe fallback fonts
3. SPACING AND LAYOUT
- A consistent spacing scale (e.g. 4, 8, 16, 24, 32, 48, 64px)
- Grid principles for mobile, tablet, and desktop
- Guidance on whitespace and breathing room
4. COMPONENT STYLES
- Buttons (primary, secondary, and subtle variations)
- Cards and containers
- Form inputs, labels, and error states
- Badges and tags
- Iconography direction (line vs filled, weight, corner radius)
5. BRAND VOICE AND MOOD
- A 2 to 3 sentence description of how this design system should FEEL to someone experiencing it
- Clear do's and don'ts so I stay on-brand even when I'm working fast
Format this as a clean, structured document with clear headings, code snippets for hex codes and font sizes, and examples where useful. I'll be uploading this to future projects, so make it easy to reference.
Save the output as a PDF or Word doc. You'll upload it to Claude Design in the next step.
Inside Claude Design, click New Project. Every project automatically uses the design system you uploaded, so you never have to set it up again.
