April 17, 2026
April 17, 2026
Claude Design Just Made Every Founder a Designer. Here's How to Actually Use It. | BeKnown
Anthropic's new Claude Design app turns prompts into decks, landing pages, and mockups. A real how-to: where to open it, 4-step workflow, 5 prompts that work.
Anthropic's new Claude Design app turns prompts into decks, landing pages, and mockups. A real how-to: where to open it, 4-step workflow, 5 prompts that work.
Every founder I've talked to today has asked the same question about Claude Design: "okay but how do I actually use it?" This is the actual tutorial — where to open it, the 4-step workflow inside, and 5 prompts that produce real outputs.
Every founder I've talked to today has asked the same question about Claude Design: "okay but how do I actually use it?" And no one is writing the tutorial — every post I've seen is an announcement recap with a screenshot and a hot take. This one is different. I've been using it all morning, and I'm going to walk you through exactly how to open it and what happens once you're inside.
Where to open it: Log into claude.ai with a paid Claude subscription — Claude Design appears as a mode in the chat interface.
The workflow: Four steps — Prompt, Review first output, Refine with natural language, Export in your format.
The gate: Claude Pro ($20/mo), Max 5x ($100/mo), Max 20x ($200/mo), Team, or Enterprise only — not available on Free.
How to Open Claude Design (Step-by-Step Access)
Claude Design is not a separate app you download. It lives inside claude.ai as a mode — think of it the way Claude switches between different capabilities depending on what you're asking it to do. Here is the exact path:
Check your subscription tier. You need Claude Pro ($20/mo), Max 5x ($100/mo), Max 20x ($200/mo), a Team plan, or an Enterprise plan. Free tier accounts do not have access. If you're not sure what tier you're on, go to claude.ai → Settings → Plan.
Go to claude.ai. Log in as normal. You're looking for a mode selector, dropdown, or toggle in the chat interface labeled "Claude Design" — Anthropic is releasing this as a research preview, so the exact label placement may shift, but it will be visible at the top of the chat window or adjacent to the model selector.
Select Claude Design mode. Once activated, the interface shifts. You'll see a blank canvas prompt box — no template gallery, no drag-and-drop sidebar, nothing pre-loaded. This is intentional. The first thing that surprised me was how empty it looks. You're meant to brief it the way you'd brief a designer, not browse a catalog.
Start typing your brief. That's the whole setup. No onboarding wizard, no tutorial carousel. Just a prompt box and a blank canvas waiting.
For more technical context on today's launch and what Anthropic is saying publicly, TechCrunch has the full announcement covered here.
The 4-Step Workflow Inside the App
Once you're in, the workflow has four stages. I'll walk through each one with context on what's actually happening and what you should expect.
Step 1: Prompt
This is where you earn your output. Claude Design is powered by Claude Opus 4.7, which means it handles nuance well — but it still needs you to be specific. Describe the asset type, the audience, the mood, the color palette, and any brand constraints upfront. A weak brief produces a generic output. A strong brief produces something you'll actually use. Give it the asset type ("5-slide pitch deck"), the audience ("Series A investors"), the visual feel ("editorial, navy, cream, gold"), and any hard constraints ("no photos, icons only"). Think of it as briefing a senior designer on their first day — they're smart, but they don't know your brand yet.
Step 2: Review First Output
Claude Design renders in 5 to 15 seconds. The first output is usually 70–80% of where you want to end up. I've found the default aesthetic skews editorial — warm cream backgrounds, serif typography, terracotta accents. For SaaS, fintech, or healthcare, you'll need to steer it away from that default in your initial prompt, or correct it in the refinement step. Don't judge the first output as final. Judge it as a starting point.
Step 3: Refine
This is where Claude Design earns its keep. You can refine in two ways: natural language edits ("make the headline tighter," "move testimonials above the CTA," "change the accent color to navy #001f3f") or direct element manipulation on the canvas. Both work. The natural language route is faster for structural changes. Direct manipulation is better for spacing and small visual tweaks. I ran four rounds of refinement on a one-pager this morning and got to something I'd have spent three days on in a normal Figma-to-designer-to-revision cycle. That iteration velocity is actually the real growth lever — and it's why we talk about it as the core of the BeKnown Growth Marketing System. The team that can test more creative variations faster wins, every time.
Step 4: Export
When you're done, you've got five export paths: PDF, PPTX, PNG, shareable URL, or one-click send to Canva for team collaboration. The Canva integration is genuinely useful if your team lives there. PPTX exports are solid for most use cases, though complex animations may not survive the conversion perfectly — more on that in the limitations section below.
Pull quote: "Claude Design didn't kill the designer. It killed the 10-round ping-pong that used to live between founder and designer."
5 Copy-Paste Prompts That Actually Work
I tested these myself this morning. Copy them directly, swap in your details, and you'll have a working first output in under 20 seconds.
1. Investor Pitch Deck
"Create a 5-slide Series A pitch deck. Slide 1: title with logo. Slide 2: problem. Slide 3: solution. Slide 4: market size. Slide 5: team. Navy, cream, gold accents. Professional editorial feel."
Produces a complete investor-ready deck with consistent typography and a visual hierarchy that doesn't look like a PowerPoint template from 2014.
2. SaaS Landing Page Mockup
"Design a hero landing page for a personal finance SaaS. Headline: 'Your money, actually understood.' CTA button, three feature cards, social proof testimonials, footer. Warm, approachable, modern sans-serif."
Produces a full landing-page mockup with working visual hierarchy — useful for client presentations or internal alignment before handing to a dev team.
3. Client Case Study One-Pager
"Create a one-page client case study. Our client increased leads 40% using our platform. Include before/after metrics, CEO quote, logo. Clean, minimal, dark theme."
Produces a sales-ready PDF you can drop into a proposal or send as a leave-behind — the before/after metric layout Claude generates is actually better than what most agencies produce manually.
4. Mobile App Prototype
"Design a mobile app prototype for a meditation app called Calm Spaces. Home screen with meditation list, play button, progress tracker. Serene, soft greens/blues, lots of white space."
Produces a phone-framed mockup suitable for investor decks, App Store screenshots, or early-stage user testing conversations.
5. Internal Quarterly Review Deck
"Create a 3-slide internal quarterly review. Slide 1: Q2 summary (revenue +25%, users +15%). Slide 2: top 3 wins. Slide 3: Q3 priorities. Colorful, emoji accents okay."
Produces a friendly, readable internal deck that doesn't require a designer to look polished — perfect for team all-hands or board-prep drafts.
Prompting Best Practices + Where It Breaks
After a morning of testing, here's what the difference looks like between prompts that work and prompts that waste your time.
Prompt like this | Not like this |
|---|---|
"Warm, editorial, professional — inspired by The Economist layout" | "Modern" (too vague — Claude defaults to its own definition) |
"Use only navy #001f3f, cream #f5f5f0, and gold #d4af37" | "Use nice colors" or "make it on-brand" with no hex codes |
"Mobile-first, one hero image, max 4 colors, large CTAs" | "Don't use purple" (negative-only — Claude picks another random palette) |
"Inspired by Apple minimalism, not Material Design" | "Clean and minimal" with no reference point |
"Three feature cards, CEO quote block, footer with social links" | "Include all the usual sections" (Claude doesn't know what's usual for you) |
Known limitations — be honest with yourself about these:
Default aesthetic bias: Claude Design's baseline skews editorial (warm cream, serif fonts like Georgia or Fraunces, terracotta accents). If you're building for fintech, healthcare, or dashboard-heavy products, override this explicitly in your prompt or you'll spend refinement rounds fixing it.
No pixel-perfect control: This is a mockup and concept tool. It is not a production-ready Figma replacement. Great for founders and PMs, rough for final-pixel handoffs to engineers.
Font fallbacks: If your brand uses a custom or licensed typeface that isn't in the system, Claude will substitute a fallback. Connect your design tokens or specify a close public alternative.
PPTX animation limits: Complex slide animations may not render correctly on export. Static layouts survive the conversion; motion-heavy decks do not.
Brand consistency at scale: For true brand lock, you need a connected Figma file or design token system. Without it, Claude will stay consistent within a session but won't know your actual component library.
If you want to walk through applying any of this to a live campaign or asset your team is building, book a working session with our team here — we've been integrating AI design tools into client workflows for over a year and can move fast.
FAQ
Do I need a paid Claude subscription to use Claude Design?
Yes. Claude Design is not available on the Free tier. You need at minimum a Claude Pro subscription at $20/month. It is also available on Max 5x ($100/mo), Max 20x ($200/mo), Team, and Enterprise plans. If you're already on a paid tier for Claude, check your claude.ai interface today — the mode should appear automatically as the rollout expands.
Can I connect my existing brand or Figma design system?
Yes, and this is one of the more compelling features. Claude Design can read a company's codebase or design system to auto-apply brand styles — meaning it can use your real component library rather than guessing. The fidelity of that connection depends on how well-structured your design tokens or Figma file are. If you're working without a formal design system, you'll need to specify colors, fonts, and constraints manually in every prompt until you set one up.
Can I use Claude Design outputs directly for paid-ad creative?
Partly. For concept-stage mockups, client presentations, and directional briefs to a creative team — yes, absolutely. For production-ready paid-ad creative (Facebook, Google Display, connected TV), you'll almost always want a designer pass before final deployment. The visual hierarchy is strong, but pixel-level polish, safe zones, and platform-spec compliance still need a human eye on them before you spend budget.
Book a Strategy Call
If you're trying to figure out where tools like Claude Design fit inside your actual marketing workflow — not just how they work, but how to build a system around them — that's exactly what we work on. Book a strategy call and we'll map it out. And if you want the next breakdown like this one the day it drops, get the BeKnown newsletter.
About the Author
Mauricio Abad is the founder and CEO of BeKnown, a growth systems marketing company working with mid-market and enterprise brands across the US and Europe. BeKnown clients include Samsung, GP Motorsports, Bilt-Well Roofing, and California Trim Clinic. The team also led the Palisades High School Emergency Relief campaign that raised $50K in 7 days during the LA fires.
Related Posts
Newsletter
Every founder I've talked to today has asked the same question about Claude Design: "okay but how do I actually use it?" This is the actual tutorial — where to open it, the 4-step workflow inside, and 5 prompts that produce real outputs.
Every founder I've talked to today has asked the same question about Claude Design: "okay but how do I actually use it?" And no one is writing the tutorial — every post I've seen is an announcement recap with a screenshot and a hot take. This one is different. I've been using it all morning, and I'm going to walk you through exactly how to open it and what happens once you're inside.
Where to open it: Log into claude.ai with a paid Claude subscription — Claude Design appears as a mode in the chat interface.
The workflow: Four steps — Prompt, Review first output, Refine with natural language, Export in your format.
The gate: Claude Pro ($20/mo), Max 5x ($100/mo), Max 20x ($200/mo), Team, or Enterprise only — not available on Free.
How to Open Claude Design (Step-by-Step Access)
Claude Design is not a separate app you download. It lives inside claude.ai as a mode — think of it the way Claude switches between different capabilities depending on what you're asking it to do. Here is the exact path:
Check your subscription tier. You need Claude Pro ($20/mo), Max 5x ($100/mo), Max 20x ($200/mo), a Team plan, or an Enterprise plan. Free tier accounts do not have access. If you're not sure what tier you're on, go to claude.ai → Settings → Plan.
Go to claude.ai. Log in as normal. You're looking for a mode selector, dropdown, or toggle in the chat interface labeled "Claude Design" — Anthropic is releasing this as a research preview, so the exact label placement may shift, but it will be visible at the top of the chat window or adjacent to the model selector.
Select Claude Design mode. Once activated, the interface shifts. You'll see a blank canvas prompt box — no template gallery, no drag-and-drop sidebar, nothing pre-loaded. This is intentional. The first thing that surprised me was how empty it looks. You're meant to brief it the way you'd brief a designer, not browse a catalog.
Start typing your brief. That's the whole setup. No onboarding wizard, no tutorial carousel. Just a prompt box and a blank canvas waiting.
For more technical context on today's launch and what Anthropic is saying publicly, TechCrunch has the full announcement covered here.
The 4-Step Workflow Inside the App
Once you're in, the workflow has four stages. I'll walk through each one with context on what's actually happening and what you should expect.
Step 1: Prompt
This is where you earn your output. Claude Design is powered by Claude Opus 4.7, which means it handles nuance well — but it still needs you to be specific. Describe the asset type, the audience, the mood, the color palette, and any brand constraints upfront. A weak brief produces a generic output. A strong brief produces something you'll actually use. Give it the asset type ("5-slide pitch deck"), the audience ("Series A investors"), the visual feel ("editorial, navy, cream, gold"), and any hard constraints ("no photos, icons only"). Think of it as briefing a senior designer on their first day — they're smart, but they don't know your brand yet.
Step 2: Review First Output
Claude Design renders in 5 to 15 seconds. The first output is usually 70–80% of where you want to end up. I've found the default aesthetic skews editorial — warm cream backgrounds, serif typography, terracotta accents. For SaaS, fintech, or healthcare, you'll need to steer it away from that default in your initial prompt, or correct it in the refinement step. Don't judge the first output as final. Judge it as a starting point.
Step 3: Refine
This is where Claude Design earns its keep. You can refine in two ways: natural language edits ("make the headline tighter," "move testimonials above the CTA," "change the accent color to navy #001f3f") or direct element manipulation on the canvas. Both work. The natural language route is faster for structural changes. Direct manipulation is better for spacing and small visual tweaks. I ran four rounds of refinement on a one-pager this morning and got to something I'd have spent three days on in a normal Figma-to-designer-to-revision cycle. That iteration velocity is actually the real growth lever — and it's why we talk about it as the core of the BeKnown Growth Marketing System. The team that can test more creative variations faster wins, every time.
Step 4: Export
When you're done, you've got five export paths: PDF, PPTX, PNG, shareable URL, or one-click send to Canva for team collaboration. The Canva integration is genuinely useful if your team lives there. PPTX exports are solid for most use cases, though complex animations may not survive the conversion perfectly — more on that in the limitations section below.
Pull quote: "Claude Design didn't kill the designer. It killed the 10-round ping-pong that used to live between founder and designer."
5 Copy-Paste Prompts That Actually Work
I tested these myself this morning. Copy them directly, swap in your details, and you'll have a working first output in under 20 seconds.
1. Investor Pitch Deck
"Create a 5-slide Series A pitch deck. Slide 1: title with logo. Slide 2: problem. Slide 3: solution. Slide 4: market size. Slide 5: team. Navy, cream, gold accents. Professional editorial feel."
Produces a complete investor-ready deck with consistent typography and a visual hierarchy that doesn't look like a PowerPoint template from 2014.
2. SaaS Landing Page Mockup
"Design a hero landing page for a personal finance SaaS. Headline: 'Your money, actually understood.' CTA button, three feature cards, social proof testimonials, footer. Warm, approachable, modern sans-serif."
Produces a full landing-page mockup with working visual hierarchy — useful for client presentations or internal alignment before handing to a dev team.
3. Client Case Study One-Pager
"Create a one-page client case study. Our client increased leads 40% using our platform. Include before/after metrics, CEO quote, logo. Clean, minimal, dark theme."
Produces a sales-ready PDF you can drop into a proposal or send as a leave-behind — the before/after metric layout Claude generates is actually better than what most agencies produce manually.
4. Mobile App Prototype
"Design a mobile app prototype for a meditation app called Calm Spaces. Home screen with meditation list, play button, progress tracker. Serene, soft greens/blues, lots of white space."
Produces a phone-framed mockup suitable for investor decks, App Store screenshots, or early-stage user testing conversations.
5. Internal Quarterly Review Deck
"Create a 3-slide internal quarterly review. Slide 1: Q2 summary (revenue +25%, users +15%). Slide 2: top 3 wins. Slide 3: Q3 priorities. Colorful, emoji accents okay."
Produces a friendly, readable internal deck that doesn't require a designer to look polished — perfect for team all-hands or board-prep drafts.
Prompting Best Practices + Where It Breaks
After a morning of testing, here's what the difference looks like between prompts that work and prompts that waste your time.
Prompt like this | Not like this |
|---|---|
"Warm, editorial, professional — inspired by The Economist layout" | "Modern" (too vague — Claude defaults to its own definition) |
"Use only navy #001f3f, cream #f5f5f0, and gold #d4af37" | "Use nice colors" or "make it on-brand" with no hex codes |
"Mobile-first, one hero image, max 4 colors, large CTAs" | "Don't use purple" (negative-only — Claude picks another random palette) |
"Inspired by Apple minimalism, not Material Design" | "Clean and minimal" with no reference point |
"Three feature cards, CEO quote block, footer with social links" | "Include all the usual sections" (Claude doesn't know what's usual for you) |
Known limitations — be honest with yourself about these:
Default aesthetic bias: Claude Design's baseline skews editorial (warm cream, serif fonts like Georgia or Fraunces, terracotta accents). If you're building for fintech, healthcare, or dashboard-heavy products, override this explicitly in your prompt or you'll spend refinement rounds fixing it.
No pixel-perfect control: This is a mockup and concept tool. It is not a production-ready Figma replacement. Great for founders and PMs, rough for final-pixel handoffs to engineers.
Font fallbacks: If your brand uses a custom or licensed typeface that isn't in the system, Claude will substitute a fallback. Connect your design tokens or specify a close public alternative.
PPTX animation limits: Complex slide animations may not render correctly on export. Static layouts survive the conversion; motion-heavy decks do not.
Brand consistency at scale: For true brand lock, you need a connected Figma file or design token system. Without it, Claude will stay consistent within a session but won't know your actual component library.
If you want to walk through applying any of this to a live campaign or asset your team is building, book a working session with our team here — we've been integrating AI design tools into client workflows for over a year and can move fast.
FAQ
Do I need a paid Claude subscription to use Claude Design?
Yes. Claude Design is not available on the Free tier. You need at minimum a Claude Pro subscription at $20/month. It is also available on Max 5x ($100/mo), Max 20x ($200/mo), Team, and Enterprise plans. If you're already on a paid tier for Claude, check your claude.ai interface today — the mode should appear automatically as the rollout expands.
Can I connect my existing brand or Figma design system?
Yes, and this is one of the more compelling features. Claude Design can read a company's codebase or design system to auto-apply brand styles — meaning it can use your real component library rather than guessing. The fidelity of that connection depends on how well-structured your design tokens or Figma file are. If you're working without a formal design system, you'll need to specify colors, fonts, and constraints manually in every prompt until you set one up.
Can I use Claude Design outputs directly for paid-ad creative?
Partly. For concept-stage mockups, client presentations, and directional briefs to a creative team — yes, absolutely. For production-ready paid-ad creative (Facebook, Google Display, connected TV), you'll almost always want a designer pass before final deployment. The visual hierarchy is strong, but pixel-level polish, safe zones, and platform-spec compliance still need a human eye on them before you spend budget.
Book a Strategy Call
If you're trying to figure out where tools like Claude Design fit inside your actual marketing workflow — not just how they work, but how to build a system around them — that's exactly what we work on. Book a strategy call and we'll map it out. And if you want the next breakdown like this one the day it drops, get the BeKnown newsletter.
About the Author
Mauricio Abad is the founder and CEO of BeKnown, a growth systems marketing company working with mid-market and enterprise brands across the US and Europe. BeKnown clients include Samsung, GP Motorsports, Bilt-Well Roofing, and California Trim Clinic. The team also led the Palisades High School Emergency Relief campaign that raised $50K in 7 days during the LA fires.
Related Posts
Newsletter
