Claude Design: a beginner's guide

Anthropic just dropped Claude Design — a new tool that turns a sentence into a real, exportable visual: a prototype, a slide deck, a one-pager, a pitch page. No Figma. No template gallery. Just describe it, Claude builds it.

This is a beginner's guide. I'll walk through what it is, how to open it, your first real prompt, how to refine what it gives you, and how to get the result out into PowerPoint or Canva.

Claude Design is a standalone product inside claude.ai. You describe what you want, Claude builds a real visual artifact — not a wireframe, not ASCII art, an actual rendered screen or slide you can live-preview, edit, and export.

It can make:

• Prototypes — mobile app screens, landing pages, product UI mockups
• Slide decks — full presentations, exportable as PPTX or sent to Canva
• One-pagers — pitch pages, product briefs, memos
• Marketing pages — hero sections, feature grids, landing layouts

The pitch: you're not opening a design tool to start. You're opening a chat. Claude does the design.

Anthropic is explicit about the target: founders and product managers without a design background. People who have an idea but don't open Figma to start.

In practice, that's:

• A solo founder who needs a pitch deck by Friday
• A PM who wants a prototype to align engineering around
• A marketer spinning up a one-pager for a campaign
• Anyone who's ever typed “make this look better” into ChatGPT and gotten slop

If you're already a professional designer, this isn't replacing your tool. It's for the first 80% — getting from idea to something shareable quickly.

Use Anthropic's own example from the launch. This is a good first prompt because it has clear mood, typography, and color direction built in:

Prototype a serene mobile meditation app. It should have calming typography, subtle nature-inspired colors, and a clean layout with three main screens: home, a guided session, and a progress tracker.

Hit enter. Claude will think for a few seconds, then render a real interactive prototype on the right — three phone-frame screens you can click through.

The first output is rarely the final one. You have two ways to iterate:

Make the home screen use warmer, sunset-inspired colors instead of cool blues. Also increase the padding between the three main CTAs.

A rhythm that works: prompt for big moves, click for polish. Use chat to restructure or change the vibe. Use direct edits to fix a typo or nudge a color.

The Knobs panel is one of Claude Design's sharpest features: Claude exposes the key parameters of whatever it built — colors, speeds, sizes, densities — as live sliders and toggles. You tune the result without another round-trip to the chat.

This is the feature that separates Claude Design from every other “AI that makes slides” tool. Claude can read your company's codebase and design files and apply your actual design system to everything it generates.

That means real brand colors, real typography tokens, real component patterns — not a generic “clean modern” look.

To set this up:

Apply our design system to this one-pager. Use our brand colors, typography, and button styles.

Once you're happy with the result, you have four export paths:

• PDF — good for one-pagers, read-only handoffs
• URL — share a live link that anyone can open in the browser
• PPTX — download a PowerPoint file that opens in Keynote, PowerPoint, or Google Slides
• Send to Canva — opens the design in Canva, fully editable and collaborative with your team

The Canva path is the interesting one. Claude Design and Canva are positioned as complementary, not competitive. Claude generates the first version. Canva handles the collaborative editing, brand kits, and publishing workflow you already have.

Decks ship with live charts, real typography, and your brand colors baked in — no placeholder Lorem Ipsum. The Comment tool lets you queue up feedback inline and send it all at once instead of peppering Claude with one-off tweaks.

Claude Design's onboarding walks you through six cards. They're short, but each one names a feature that's easy to miss if you dive straight in. Worth internalizing before you start:

Copy any of these, change the subject, and you've got a starting point:

1. Landing page for a B2B SaaS

Design a marketing landing page for a B2B SaaS tool called Ledgerly that does AI-powered bookkeeping. Include a bold hero with one headline and a subhead, a three-column feature section, a pricing table with three tiers, and a dark CTA footer. Clean, confident, slightly financial.

2. Pitch deck (10 slides)

Make a 10-slide investor pitch deck for a startup that sells AI-generated birthday videos. Standard structure: title, problem, solution, demo, market size, traction, business model, team, ask, contact. Modern, minimal, lots of whitespace.

3. One-pager for a product launch

Create a one-pager announcing the launch of a new AI note-taking app called Scribble. Include the name and tagline, three key features with icons, a screenshot placeholder, pricing, and a QR code placeholder for download. Warm and friendly, not corporate.

4. Mobile app prototype

Prototype a mobile fitness app with three screens: a home dashboard showing today's workout, an active workout screen with a timer and exercise list, and a weekly progress view with charts. Bold typography, high contrast, energetic orange and black color palette.

5. Internal memo / product brief

Turn this into a clean internal one-pager: a product brief for a new feature called 'Smart Replies' in our email app. Include: the problem, the proposed solution in three bullets, success metrics, risks, and a timeline. Corporate but readable, no clip art.

To see what Claude Design can actually produce from a single prompt, I pushed it on three very different asks: an interactive WebGL backdrop, a live text editor with particle effects, and a tiny rotating globe loader. Each one is the raw HTML file Claude exported — no cleanup, no follow-up prompts.

None of these took more than one prompt. That's the bar the tool holds itself to — describe it, get a real, working artifact.

1. Open claude.ai/design and try the meditation app prompt above.
2. Refine it with one chat instruction and one direct edit — get a feel for both rhythms.
3. Export it to PPTX and open it locally. See how editable the output actually is.
4. If you're on a team, connect your codebase or design files and watch Claude respect your brand tokens.
5. Pick one of the 5 prompts above, swap in your actual product, and ship a real artifact by end of day.

Claude Design is still in research preview, which means features and UI will change. But the core loop — describe, preview, refine, export — is the shape of how design tools are going to work from here.

The real shift isn't “AI makes slides.” It's that the blank canvas is gone. You start with something.