A free guide by Mariah Brunner ↗ INSTAGRAM ↗ TIKTOK
New Feature

Claude Design —
The Full Walkthrough

Anthropic just dropped a design tool inside Claude that creates pitch decks, landing pages, prototypes, and marketing graphics — just by describing what you want. Powered by Claude Opus 4.7. Here’s everything you need to know and the best prompts to steal.

What Just Happened

Claude Can Design Now

On April 17, 2026, Anthropic launched Claude Design — a brand new product that lets you create polished visual work by just talking to Claude. Pitch decks, landing pages, interactive prototypes, marketing graphics, one-pagers, wireframes. You describe what you want, Claude builds it on a live canvas in real-time, and you refine it through conversation.

It’s not an update to Artifacts. It’s a completely new tool at claude.ai/design, powered by Claude Opus 4.7 — Anthropic’s most powerful model ever. And the exports are real: Canva, PowerPoint, PDF, HTML, or hand it off to Claude Code for a working website.

Who Can Use It

Claude Design is currently in research preview for Claude Pro ($20/month), Max ($100-200/month), Team, and Enterprise subscribers. It’s not available on the free plan. It has its own separate weekly usage limit — independent from your chat and Claude Code usage. Pro users get enough for quick explorations, Max users get significantly more. Go to claude.ai/design to get started.

Step 1 How Claude Design Actually Works

The interface is simple: chat on the left, live canvas on the right. You talk, Claude designs. You refine, Claude updates.

Step 1: Create a project. Go to claude.ai/design → New Project. Give it a name.

Step 2: Add context. This is what makes it powerful. Before you start designing, upload anything that helps Claude understand what you want:

• Screenshots of websites, apps, or designs you like — “Make mine look like this”
• Brand guidelines (PDF, image, or just describe your colors/fonts) — everything stays on-brand automatically
• Existing documents (DOCX, PPTX, XLSX) — Claude can redesign them
• Your codebase — Claude reads your code and extracts your design system automatically
• Wireframes or sketches — even hand-drawn sketches work as a starting point

Step 3: Describe what you want. Type a description of what you need. Be specific about what type of thing it is (landing page, pitch deck, one-pager, social graphic), who it’s for, what style you want, and what content to include. Claude generates the design on the live canvas.

Step 4: Refine it. Two ways to give feedback:

• Chat: For big changes — “Make the hero section taller,” “Switch to a dark theme,” “Add a testimonials section”
• Inline comments: Click directly on any element and type a note — “Make this text bigger,” “Change this color to navy.” This is FASTER than describing locations in chat.
• Direct editing: Click on any text to edit it directly on the canvas. Adjust spacing, colors, and layout with built-in controls.

Step 5: Export. When you’re done, you have 7 export options:

• Canva — fully editable Canva design for team collaboration
• PowerPoint (PPTX) — for decks you’ll edit or present
• PDF — for sharing, printing, or attaching to emails
• HTML — a standalone web page file you can host anywhere
• ZIP — downloads everything as a folder
• Shareable URL — private, view-only, or editable link for your team
• Claude Code — hand it off to build a real, functional website

Step 2 3 Things That Change Everything

1. Screenshot Any Website → Clone the Style

See a website you love? Screenshot it, drop it into Claude Design, and tell Claude to design YOUR page in that style. Your company homepage, your Etsy shop, your side project — in minutes, not weeks.

Prompt — Clone a Website Style
[Upload a screenshot of the website you love] I love the design style of this website — the layout, typography, spacing, and overall feel. Use this as visual inspiration to design a landing page for my business: My business: [WHAT YOU DO AND WHO IT'S FOR] Headline: [YOUR MAIN HEADLINE — or say "suggest one"] Sections I need: - Hero with headline, subheadline, and CTA button - Problem/pain point section - What I offer (3-4 key benefits) - How it works (3 simple steps) - Testimonials (use placeholders if I don't have any yet) - Pricing - FAQ - Final CTA My brand colors: [YOUR COLORS — or say "match the style of the screenshot"] My brand fonts: [YOUR FONTS — or say "match the style of the screenshot"] Make it responsive for desktop and mobile. Keep the same visual energy as the screenshot but make it mine.

2. Pages That Used to Take 20 Prompts Now Take 2

In other AI design tools, you’d spend 20+ prompts nudging the layout, fixing spacing, moving elements, changing colors. Claude Design understands spatial relationships and design principles natively. You say what you want, it gets it right the first or second time. And inline comments let you click directly on the element you want changed instead of describing where it is.

Prompt — Full Pitch Deck in 2 Prompts
PROMPT 1 — GENERATE THE DECK: Create a 10-slide investor pitch deck for my startup: Company: [YOUR COMPANY NAME] What we do: [ONE SENTENCE — e.g. "We're an AI-powered meal planning service for busy families."] The problem: [THE PAIN POINT — e.g. "Families waste 3 hours/week deciding what to eat and $200/month on impulse takeout orders."] Our solution: [WHAT YOU BUILT — e.g. "A weekly personalized meal plan + grocery list delivered every Sunday, customized to each family's dietary needs and budget."] Traction: [ANY NUMBERS — e.g. "1,200 subscribers, $14K MRR, 92% month-over-month retention"] Business model: [HOW YOU MAKE MONEY — e.g. "$12/month subscription, $8/month cost to serve, 33% margin"] The ask: [WHAT YOU WANT — e.g. "Raising $500K seed round to hire 2 engineers and scale to 10K subscribers"] Slides needed: 1. Title slide (company name, tagline, logo placeholder) 2. The problem (make it visceral — stats + emotion) 3. The solution (with a product mockup or screenshot) 4. How it works (3-step visual flow) 5. Market size (TAM/SAM/SOM) 6. Traction & metrics (chart or key numbers) 7. Business model (unit economics) 8. Competitive landscape (positioning map or comparison) 9. Team (photo placeholders + titles + 1-line bios) 10. The ask (what you're raising, what it funds, timeline) Style: Clean, modern, lots of whitespace. Think Sequoia-style pitch deck — minimal text, maximum impact. Use [YOUR BRAND COLORS] or suggest a professional palette. PROMPT 2 — REFINE (after reviewing): [Click on specific elements and use inline comments, or type in chat:] - "Make the traction slide more visual — add a growth chart showing MRR over time" - "The team slide feels cramped — give each person more space" - "Add a slide between 4 and 5 showing a customer testimonial quote" - "Make all headlines consistent — same font size, same weight"

3. Upload Brand Guidelines Once → Everything Is On-Brand Forever

This is the feature that makes Claude Design genuinely different from every other tool. During setup, you upload your brand guidelines — or even just your website URL or codebase — and Claude automatically extracts your colors, fonts, layout patterns, and visual style into a design system. Every single thing you create after that is automatically on-brand. No manual enforcement. No brand police. It just works.

Prompt — Set Up Your Brand System
IF YOU HAVE BRAND GUIDELINES: [Upload your brand guide PDF or images] "Here are my brand guidelines. Extract the full design system — colors, fonts, spacing, layout rules, visual style — and apply it to everything I create in this project." IF YOU DON'T HAVE A FORMAL BRAND GUIDE (most people): Set up my brand design system from these details: Brand name: [YOUR BRAND] Industry: [WHAT YOU DO] Vibe: [e.g. "Clean and modern," "Warm and approachable," "Bold and edgy," "Luxurious and minimal"] Colors: - Primary: [HEX CODE or describe — e.g. "#2D5BFF" or "a deep navy blue"] - Secondary: [HEX CODE or describe] - Accent: [HEX CODE or describe — e.g. "bright coral for buttons and CTAs"] - Background: [e.g. "white" or "soft cream" or "dark charcoal"] - Text: [e.g. "near-black" or "dark gray"] Fonts: - Headlines: [e.g. "Inter Bold" or "something modern and clean" or "serif — like Playfair Display"] - Body text: [e.g. "Inter Regular" or "something highly readable"] Style notes: - [e.g. "Lots of whitespace — never cramped"] - [e.g. "Rounded corners on buttons and cards"] - [e.g. "Photography style: bright, natural lighting, diverse people"] - [e.g. "No gradients — flat colors only"] - [e.g. "Icons should be line-style, not filled"] Save this as my design system and use it for every design in this project. IF YOU JUST HAVE A WEBSITE: "Here's my website: [URL or screenshot]. Extract the complete design system from it — colors, fonts, spacing, button styles, card layouts, everything. Use this system for all future designs."
Step 3 7 Prompts to Steal Right Now

These are the most useful things you can build in Claude Design today. Copy any of them.

Prompt 1 — Company One-Pager
Design a professional one-pager for my company: Company: [NAME] What we do: [ONE SENTENCE] Key stats: [3-5 impressive numbers — revenue, users, growth rate, etc.] Our products/services: [LIST 3-4] Target customer: [WHO BUYS FROM YOU] Contact: [EMAIL, WEBSITE, PHONE] Style: Clean, corporate but not boring. Use my brand colors. Include my logo [upload or describe]. This should be something I can email to a potential partner or investor and they immediately understand what we do and why we matter. Export as PDF.
Prompt 2 — Social Media Graphics Pack
Create a pack of 5 social media templates for my brand: Brand: [NAME] Colors: [YOUR COLORS] Style: [YOUR VIBE — clean/bold/minimal/warm] Platform: Instagram (1080x1080 and 1080x1350) I need: 1. Quote/text post — bold headline, branded background, minimal. Use this text: "[YOUR QUOTE OR TIP]" 2. Carousel cover slide — attention-grabbing first slide. Title: "[YOUR CAROUSEL TITLE]" 3. Carousel content slide — clean layout for inner slides. Placeholder text. Consistent with the cover. 4. Promotional graphic — announcing [YOUR PRODUCT/OFFER]. Include price, key benefit, and CTA. 5. Testimonial card — customer quote layout. Use placeholder text: "This product changed how I [RESULT]." — Name, Title All 5 should feel like they came from the same brand. Export to Canva so I can reuse these templates.
Prompt 3 — Landing Page From Scratch
Design a high-converting landing page for: Product: [WHAT YOU'RE SELLING] Price: [PRICE OR "Free — collecting emails"] Target audience: [WHO AND WHAT PROBLEM THEY HAVE] Goal: [SIGNUPS / PURCHASES / WAITLIST] Include these sections: 1. Hero: Compelling headline, subheadline, CTA button, product mockup or hero image 2. Problem: 3 pain points my audience feels (make it emotional) 3. Solution: What my product does — 3-4 benefits with icons 4. Social proof: 3 testimonial cards (use placeholders) 5. How it works: 3-step visual process 6. Pricing: Clear pricing card with features list and CTA 7. FAQ: 5 common questions with expandable answers 8. Final CTA: Urgency-driven closing section Style: Modern, clean, fast-loading. Lots of whitespace. CTA buttons should pop. Mobile-responsive. Export as HTML so I can host it, AND export to Canva for team edits.
Prompt 4 — Redesign an Existing Document
[Upload your existing document — DOCX, PPTX, PDF, or screenshot] This is my current [proposal / report / deck / one-pager]. The content is good but the design is embarrassing. Redesign it completely: - Keep ALL the content — don't remove or rewrite anything unless I ask - Make it look like it came from a professional design agency - Use my brand colors: [YOUR COLORS] - Better typography, better spacing, better visual hierarchy - Add relevant icons or visual elements where text-heavy sections need breathing room - Make charts and data visualizations look modern (not default Excel charts) - Ensure it reads well both on screen and printed Export as the same format I uploaded (PPTX if it was a deck, PDF if it was a doc).
Prompt 5 — Product Mockups
I need product mockups that make my [app / digital product / course / service] look real and professional: What I'm building: [DESCRIBE YOUR PRODUCT] Current stage: [IDEA / EARLY BUILD / LAUNCHED] Create mockups showing: 1. Hero mockup: My product displayed on a laptop/phone/tablet screen — the kind of image that would go on a landing page hero section 2. Feature showcase: 3-4 screens showing different features or pages of the product, arranged in an attractive layout 3. Before/after: A split-screen showing the old way (messy, manual, painful) vs. the new way with my product (clean, simple, automated) 4. Social proof mockup: A graphic showing the product with a customer quote overlay — ready for social media Style: Clean, modern, realistic device frames. Light background with subtle shadows. Make it look like a real product that people are already using. Export as PNG (transparent background where possible) and as a Canva template.
Prompt 6 — Email Newsletter Template
Design a reusable email newsletter template for my brand: Brand: [NAME] Newsletter frequency: [WEEKLY / BIWEEKLY / MONTHLY] Audience: [WHO READS IT] Content type: [e.g. "Tips + product updates + one featured resource"] Layout: 1. Header: Logo + newsletter name + date 2. Hero section: Featured article/tip with a bold headline and short intro paragraph 3. Content blocks: 3 sections — each with a small image, headline, 2-line description, and "Read more" link 4. CTA block: Promotional section for my product/service — a visual card with headline, 1 sentence, and button 5. Footer: Social links, unsubscribe, company info Style: On-brand, clean, easy to scan on mobile. Max width 600px (email standard). Use my brand colors. Export as HTML (for email platforms like Mailchimp or Beehiiv) and as an image (for reference).
Prompt 7 — Interactive Prototype
Build an interactive prototype for my app idea: App name: [NAME] What it does: [CORE FUNCTION — 1-2 sentences] Target user: [WHO USES IT] Design these 5 screens: 1. Onboarding: First screen a new user sees — welcome message, value proposition, "Get Started" button 2. Sign up / Login: Email + password, or social login buttons. Clean and simple. 3. Home/Dashboard: The main screen showing the core value — what the user came for 4. Key feature screen: The #1 thing users do in the app — design the full interaction 5. Settings/Profile: Basic user settings page Make it interactive — clicking buttons should navigate between screens. Use realistic placeholder data, not "Lorem ipsum." Mobile-first (iPhone dimensions). Style: [YOUR STYLE — e.g. "Clean like Linear," "Playful like Duolingo," "Minimal like Notion"] This is for showing investors / validating the idea / user testing. It needs to feel like a real app someone could actually use.
Tips Pro Tips & Things to Know

Use Inline Comments for Speed

Don’t describe where things are in chat (“the third section, the blue button on the right side”). Just click on the element and type your feedback as an inline comment. It’s 10x faster and Claude knows exactly what you’re referring to.

Start Simple, Then Layer

Don’t try to describe every detail in your first prompt. Start with the structure and core content. Then refine layout, then styling, then interactions. Each round gets more specific. This gives better results than one massive prompt.

Weekly Limits Are Real

Claude Design has separate weekly usage limits from your regular Claude chat. Pro users can hit their limit quickly — plan your design sessions and don’t waste prompts on vague requests. Be specific from the start. If you’re doing heavy design work, Max ($100/month) gives you significantly more usage.

Mention Responsiveness Early

If your design needs to work on mobile, tablet, AND desktop — say so in your first prompt. Don’t wait until the design is done and then ask for a mobile version. Claude designs responsively from the start if you tell it to.

Export to Canva for Team Collaboration

If other people on your team need to edit the design, export to Canva. The design becomes fully editable in Canva’s interface — they don’t need Claude access. This is the best path for handing off social templates, slide decks, and marketing materials to a team.

Hand Off to Claude Code for Real Websites

If you design a landing page in Claude Design and want to turn it into a real, hosted website — hand it off to Claude Code. Claude Code takes the design and builds it into actual deployable code. Design → Code → Live website. No developer needed.

Claude Design is one tool. But the real power is combining it with everything else Claude can do — skills that automate your work, connectors that plug into your email and calendar, scheduled tasks that run while you sleep. The Weekend Bootcamp teaches you how to build all of it, specifically for your job.

Find Your Role

Claude Design Is the Beginning.
The Bootcamp Builds Your Full System.

25 job-specific chapters. Pick your role — Account Executive, Product Manager, Content Creator, Nurse, Teacher, you name it. Every workflow, every skill, every automation is built around the actual work you do every day. Not generic AI advice. A system designed for YOUR job title.

The 45-minute report that eats your Monday morning? Five minutes. The client research you dread? Done before your coffee’s cold. The weekly email you rewrite from scratch every time? One sentence triggers it. You hand Claude full projects and get back work that sounds like you wrote it — because it learned how you think.

25

Job-specific chapters

4

Phases per chapter

1

Weekend to finish

Account Executive • Product Manager • Content Creator • Nurse • Teacher • Real Estate Agent • Operations Manager • HR Manager • Marketing Manager • Financial Analyst • Project Manager • Customer Success Manager • UX Designer • Data Analyst • Software Engineer • Executive Assistant • Small Business Owner • Recruiter • Consultant • Social Media Manager • Freelancer • Therapist • Lawyer • Researcher • Student

Most People Finish in a Single Saturday

This is the lowest price the bootcamp will ever be. It goes up as new chapters are added.

Start the Weekend Bootcamp →

© 2026 Mariah Brunner. All rights reserved.