Claude Design.
How to access Claude Design:
I’m sorry, but Claude did it again.
They released another Claude:
This one designs.
It lives on another website claude.ai/design. Runs on Opus 4.7 (the best vision model they’ve ever shipped). And it comes with a “Send to Canva“ button:
I have been abusing it since the day it launched. And I understand why Figma (the leading tool for designers) lost $730M valutation right after the news.
Claude Design is another (little) revolution.
So I wrote this guide with 3 goals: (1) the simplest steps to try, (2) the exact prompts that will make you say “wait, I can really design this?”, (3) an advanced workflow I did for myself, that you should copy too.
Two things before we start:
Save this guide and spend 30 minutes this weekend to try Claude Design.
Send it to any designer, founder, or marketer who still thinks AI can’t design.
PS: This newsletter mostly grows from your shares. And I keep hitting 1,000+ shares! It’s my north star. I now know what you love (or don’t). It’s free & helps me stay laser focused.
1. How to access Claude Design.
Claude Design is a separate product from everything else.
It doesn’t live inside the Claude browser or desktop app.
→ It has its own URL: claude.ai/design.
Cowork still plays a role in my workflow, though. More on that in section 3.
✦ If you’re on Pro or Max:
Go to claude.ai/design. Sign in.
You do need one of the paid plans.
✦ If you’re on Team or Enterprise:
Claude Design is off by default. Your admin must turn it on:
→ Organization settings → Capabilities → Anthropic Labs → toggle on.
It’s a research preview = so gradual rollout. If claude.ai/design redirects you home, try again in a few days.
And it uses your existing plan limits. Extra usage is available if you burn through the cap. It uses tokens extremely fast. So be cautious.
2. First quick tests (each under 2 min).
My first prompts to quickly test it.
Test 1. Create a stunning website.
I am still in awe of the website I created with… a 2-line prompt.
This is the one-shot result. I didn’t write a single thing on this website.
Here’s how I did it:
Go to the first tab, “Wireframe.” Select “High fidelity”.
Paste this prompt:
Create a high-fidelity landing page designed to raise $[FUNDING AMOUNT] from [TARGET INVESTORS] for "[PRODUCT NAME]" - [short product description].
Target audience: [Your target audience description]. Tone should feel [how should the web visitor feel] - think a mix of [website] + [website] + [ecosystem].Here’s my prompt for example:
Create a high-fidelity landing page designed to raise $100 million from Israeli VCs for "Governmental Underwater Datacenters" — a sovereign, nation-only underwater data center infrastructure built specifically for AI and robotic workloads.
Target audience: Serious Israeli venture capital firms and government tech investors. Tone should feel premium, strategic, slightly futuristic but highly credible and secure — think a mix of Stripe’s polish + Anduril’s defense-tech seriousness + Israeli startup pragmatism.
Test 2: Let’s make a slide deck now.
I loved my previous idea of underwater data centers.
So let’s make a slide deck now, meant as a pitch deck for sales:
This time, select ‘Slide deck’.
Go back to the homepage → Slide deck. Paste this prompt (if you want my example):
Create a pitch deck for my sales team. Our company has underwater GPU datacenters, meant only for Israeli companies, to ensure full sovereignty.Answer the questions from Claude:
Here’s the result (as a PDF): right here. Impressive for a one-shot.
I still prefer Gamma for its diversity and simplicity. But I’d love a combo of the two. Maybe this is on the future roadmap of the two?
Test 3: Create an animated video.
Click on “From template” this time.
Write a quick prompt that has a visual story to share. You can also start with a sketch (but I am literally the worst guy at drawing anything).
Here’s my prompt (I used Claude for it, yes):
Create a 45-second animated video explaining how Israel is building underwater datacenters off the Mediterranean coast to cool the next wave of AI compute. 16:9.
Structure:
- 0-5s: Cold open. Title card "The AI compute race is going underwater." Wave animation in the background.
- 5-15s: The problem. Animated stat reveal: "AI datacenters will consume 945 TWh by 2030." Show a row of land-based datacenters lighting up with a thermal overlay as heat builds.
- 15-30s: The solution. Animated cross-section of a sealed server capsule descending off the coast of Tel Aviv. Seawater flows around it as passive cooling. Small fish swim past. Bubbles rise.
- 30-40s: Three stat cards slide in, one after the other: "40% lower cooling costs." "Zero freshwater used." "8x closer to European users."
- 40-45s: Closing card. "Israel's underwater datacenter race. Starts 2026." Leave room for a logo bottom-right.
Visual style: clean tech, thin-line illustrations, Mediterranean blue + sand beige + pure white palette. Kinetic typography for every stat. Smooth camera pans, no hard cuts. No stock footage. No emoji. Serif for titles, sans-serif for body.Get a fully animated video:
3. The video hack (to get great slides).
This one is weird. And it works.
1 - Copy an entire blog from someone (not me, thanks).
For example, here, I use a feature no one else is using: Claude Research.
2 - Paste it into Claude Design.
Upload your markdown file with this prompt:
Make a 30-second animated video that summarizes this blog for a first-time viewer.
You get an actual animated video. Motion, transitions, pacing.
Then, on the same chat, continue with:
Now convert that video into a slide pitch deck.
The slides come out better than if you’d asked for the deck directly.
Because the video step forces visual thinking before you commit to static frames.
3. The advanced workflow: 0 to 1
(Cowork + Claude Design)
Here’s a workflow I run on client projects.
It starts in Cowork. And because Claude Design is only as good as the design system you give it, you need to work on its input first.
Step 1: Extract your brand system with Cowork.
Drop every brand asset you have into one folder. Logos. Past slides. Photography. Landing pages. Your brand PDF, if you have one. Product screenshots.
Open Cowork. Select the folder.
And then paste:
Analyze this folder and produce a full design system write-up. Fonts, colors, graphical styles, component patterns, tone, layout conventions. Flag anything that's missing. Save it as DESIGN.md in my folder.Cowork reads every file. Outputs a clean DESIGN.md.
DESIGN.md is just a fancy way to say “brand guidelines & instructions”.
Step 2: Upload DESIGN.md into Claude Design.
Go to claude.ai/design.
Drop your DESIGN.md as context.
Every future prompt applies it automatically.
You never re-specify colors or fonts again.
(If you already have a design system in code, link the codebase directly. Same effect.)
Step 3: Generate.
Go back to claude.ai/design and upload your DESIGN.md file.
Then add your prompt + your format.
Every good prompt has 4 locked-in inputs: goal, layout, content, constraints.
Build a pricing page for [product]. 3 tiers, annual/monthly toggle, sticky CTA on mobile. Mobile-first responsive. Use our Primary Button component. Match the tone of our existing homepage.In my tests, when the design system is uploaded and the prompt is specific, Claude Design shines. Otherwise, you’ll see the same design everywhere.
Step 4: How to iterate.
Structural changes → go in the chat:
Show me 3 alternative layouts.Then you need to click on “Tweaks”.
And it creates multiple versions… in seconds:
Pixel-level changes → go on the canvas:
→ Click the edit button. Select exactly what you want to change.
Before a risky experiment → save a branch:
Save what we have, and try a completely different approach.Step 5: Validate.
Before you export, run these 3 prompts:
Review this for contrast and accessibility. List any WCAG 2.1 AA violations with exact fixes.Generate desktop, tablet, and mobile versions.Suggest 2 A/B test variations of the hero section, each with a different angle.Step 6: Export.
Click Export (upper right). Options: Send to Canva, PPTX, PDF, standalone HTML, or a bundle for Claude Code.
My favorite should be “Send to Canva”… but it does not work:
So I can go from an empty folder to a shippable design in… I’d say about 1 hour for a single page. 2-3 hours for a full website with multiple tabs. Depends how peculiar you are with details.
Before Claude Design? The same work could take me at least a full day.
And that’s without using my next section favorite hack:
4. Copy any design.
This section blew my mind the most.
There is a free website called getdesign.md:
And as you can already guess… you can literally copy the DESIGN.md file (the brand guidelines for Claude) from most brand you know.
Like, for example, you like the Mastercard branding?
You can download it → Give it to Claude Design → Design like Mastercard
Now let’s try to do it, but like Airbnb:
Or like Ferrari:
5. Taste is all you need.
The future is coming at us, very very fast.
Claude Design builds 10 dashboards in 10 minutes.
It applies a design system automatically, suggests 3 layout variations, exports to 5 formats.
You can upload any style to it → it copies it instantly.
What it cannot do is tell you which of the 10 dashboards to ship for your specific users at this specific moment.
That’s taste.
Taste is the ability to say no to 9 versions and yes to 1.
Taste is the override switch. Taste is looking at a critique and saying, “Claude is wrong about this one, because my audience expects minimalism.” Or the opposite.
That part is still you.
Sure, Claude Design is beautiful.
Sure, Claude Cowork writes so fast & accurately.
Until everyone designs and writes the exact same way.
Think about it: you are now paid to do better. To be ahead of the “default from AI”. That’s why I always say “Master AI before it masters you”.
You must be better than AI’s average, AI’s default. Be ahead.
If you’re a designer reading this and feeling nervous about being replaced, you’re reading the moment wrong. Designers with taste are about to have the best decade of their careers. Tools just got cheap. Taste just got much more expensive.
Claude did not pay me.
And I won’t accept any future sponsorship from AI labs.
I simply can’t.
I must stay as neutral as possible, saying exactly what I want based on my own experience testing the tool. And you know what?
Claude Design is far from being perfect:
It consumes too many tokens (= money).
It is still very buggy, left and right.
You lack control.
But I can see how things are evolving…
Claude Code changed how we code.
Claude Cowork, a few months later, came at knowledge workers.
And now Claude Design is coming at designers.
So no, I’m not paid to make this newsletter (or the next).
But I’m sharing, twice a week, how my work is transforming (very fast) with AI. As I’m trying to keep up, I want you to keep up. So we move just as fast.
I am growing this newsletter purely from your (free) shares.
If this article helped you, be helpful to someone else too:
It does not cost you anything to share. And sharing is caring :)
If someone did send you this, thank them and subscribe for free here:
The getdesign .md hack is borderline unfair.
You can literally download Airbnb's entire design, feed it to Claude & output work that looks like their in-house team made it. In seconds.
Designers without taste are being replaced here.
Je bent de beste, dank voor deze fantastische uitleg !