Claude Design — Showcase

Anthropic Labs · Research Preview

Claude Design

Design, prototype and ship — from a single prompt.

Made with Claude, by Anthropic

1

The loop

Describe.

Iterate.

Ship.

A conversation that turns ideas into interactive design — in minutes, not meetings.

PromptClaude Design

＋ Attach

◉ Figma

⌘ Design system

Send ↵

02 · Pick your canvas

Three ways to start a project.

Each mode is tuned for the fidelity and format you need next.

01 · Prototype

Wireframe
→ High fidelity

Start rough. Sharpen into pixel-level hi-fi when the flow feels right.

Wireframe

Hi-Fi

02 · Slide Deck

Presentations
that present.

Cinematic, on-brand decks with real speaker notes and native PPTX export.

Claude Design

Q1 Review · 2026

03 · Other

Anything HTML
can become.

Motion reels, microsites, data-viz, resumes, PDFs, standalone files.

Video

Doc

Site

Chart

03 · The Design Canvas

Compare every direction, side by side.

Variations land on an infinite canvas — chat on the left, artboards on the right.

Conversation · 04

Four directions for the onboarding screen.

I'll ask a couple of quick questions first — what's the primary action after sign-in?

Create a room, invite friends, start a session.

Got it — generating four variants: minimal, illustrated, card-based, and single-CTA.

Variant A · Minimal

Variant B · Illustrated

Variant C · Cards

Variant D · Single CTA

04 · Shipped with Claude

Built by real people, in real afternoons.

A sampler from the community preview.

Parikrama

An atlas of Hindu temples — pilgrimages rendered as interactive cartography.

CartographyAtlasEditorial

chaitanya.dev · est. 2024

A notebook of
small experiments.

Chaitanya.dev

A personal site that updates itself — essays, demos, and quiet experiments.

PersonalWritingPortfolio

MIRA

A pocket PWA assistant — voice-first, installable, always a tap away.

PWAVoiceMobile

05 · Workflow

Questions. Build. Verify.

Every project starts with the right questions, ends with an automatic second pair of eyes.

Q

Ask first.

Claude asks focused design questions before touching the canvas.

Who is the primary audience?

Dark or light, or both?

How many variants, and across which axes?

B

Build together.

Iterate in plain language. Drag and comment directly on the artboard.

V

Auto-verified.

A forked verifier agent screenshots, probes, and flags issues silently.

✓Screenshots captured · 8

✓Console clean · no errors

✓Layout verified · shipped

06 · Output

One conversation, many artifacts.

Everything exports — HTML, PPTX, PDF, or a single standalone file.

HTML

Full pages & sites.

Components

Reusable, live.

Primary

Ghost

input@example

Tag

Toggle on

Success

Directions

Side-by-side canvas.

Warm

Paper

Night

Print

Start designing

claude.ai/design

Research Preview Anthropic Labs 2026