Claude Design
the full tour

1. What Claude Design is

Claude Design is an AI-powered design collaborator released by Anthropic Labs on 2026-04-17 as a research preview. It runs on Claude Opus 4.7. You give it a text prompt, an image, or a reference doc, and it generates visual output — designs, prototypes, slides, marketing material — through conversation. Edit by asking.

2. Launch context (2026-04-17)

Anthropic announced Claude Design on 2026-04-17. The positioning leans on Opus 4.7's vision capabilities and takes a direct shot at Figma's category.

The day after launch, Figma closed down roughly 7%. The market read it as a disruption signal for design-tool SaaS. On the same day Jim Cramer warned on-air about Google's AI competitors, and BTIG opened with a Hold rating on Figma. Canva export integration was part of the announcement, which locked in a complementary rather than adversarial positioning with Canva.

3. Feature inventory

• Conversational generation. Prompt to first draft. Refine through dialogue.
• Inline editing. Comments, direct edits, sliders for parameter tuning.
• Design-system auto-apply. Point it at your codebase or design files and it picks up colors, type, components.
• Export formats. Canva, PDF, PPTX, standalone HTML folder.
• Claude Code handoff. Ship a dev bundle straight from a finished design.
• Dynamic elements. Audio, video, 3D, and shaders are mentioned. Support is thin at research-preview stage.
• Team collaboration. Simultaneous edits and feedback on Team and Enterprise plans.

4. Surface

Claude Design lives at claude.ai/design. Browser only. As of 2026-04-21, no dedicated mobile app, no standalone desktop build.

5. Plan requirements

Claude Design is included in these subscription tiers:

Plan	Monthly (US)	Design access	Notes
Pro	$20	Yes — Research Preview	Core generation and export
Max	$100–200	Yes — Research Preview	Faster runs, larger projects
Team	$25/seat (annual), $30/seat (monthly)	Yes — Research Preview	5-seat minimum. Admin toggles it on.
Enterprise	Custom — roughly $500–15,000+/month	Yes — Research Preview	Org-wide RBAC, audit logs, SSO

6. Where it fits next to the incumbents

Tool	Strengths	Weaknesses	Against Claude Design
Figma	Industry standard, rich plugin ecosystem, real-time collab	Steep UI/UX learning curve, subscription required	Claude Design produces a first draft in seconds regardless of skill. Figma still wins on high-precision iteration. The gap shows up at the starting line.
Canva	Intuitive, big template library, beginner-friendly	Limited AI accuracy, weak on complex layouts	Claude Design is more accurate and handles harder layouts. Export interop between the two makes them complementary.
PowerPoint / Keynote	Office integration, the presentation default	Limited design freedom, weak AI story	Claude Design generates PPTX directly from Markdown or an outline — roughly 80% less time from plan to presentation.
Webflow	Code output, dev handoff	Requires design knowledge	Claude Design emits HTML without design expertise. Webflow still wins on deep customization.

7. Twelve exec prompt patterns

1. Investor pitch deck. "Combine the latest market data and our growth metrics into a pitch deck for investors." Five minutes to a PDF you can send to VCs.
2. Strategy one-pager. "Lay out this year's three strategic pillars plus the roadmap on an A4 landscape." Export to PPTX, distribute in the board meeting.
3. Monthly review deck. "Build a KPI dashboard from last month's revenue, NPS, and org metrics." Color coding and layout handled before the meeting starts.
4. Strategy memo. "2x2 matrix of M&A targets — strengths, threats, market position." Goes straight into the exec review slide.
5. Board deck. "Quarterly summary, competitive snapshot, cashflow forecast — three pages, visual." Fine to build 30 minutes before the meeting.
6. Investor update. "Milestone progress, pipeline, risks on an annual timeline." Ships as a stakeholder report.
7. Product brief. "From the new feature spec, generate UX flow, screen captures, competitor comparison." Alignment artifact for eng and design.
8. HR org comms. "Org chart, hiring phases, compensation structure, all visual." Use it in all-hands and new-hire onboarding.
9. Comp review doc. "Market pay data plus our comp philosophy, in graphs and tables." Becomes the template for pay conversations.
10. M&A teaser. "One page: target's business, tech assets, synergy thesis." The deck you walk into the target CEO's office with.
11. All-hands visual. "Weekly OKR status, team news, culture message — infographic format." Post to Slack, project in the office.
12. OKR visualization. "Annual OKRs as a hierarchical org chart, color-coded by status." Reusable status-report template.

8. Known limits and rough edges

• Research Preview status. The spec can change. Features can be removed. API compatibility isn't guaranteed. Don't build anything load-bearing on it yet.
• Heavy token usage. Generation burns through a lot of vision frames. Pro and Max monthly caps drain fast. For heavy iteration, go Max.
• Complex layouts need help. Grid systems, multi-column, responsive details — expect manual adjustment.
• Design-system ingestion is vague. How much codebase, what file formats — the docs don't say.
• Export interop. PPTX and PDF are table stakes. Adobe CC integration (which Figma has) isn't there.
• Online only. It's web, so no internet means no work.
• Japanese text. Auto-layout of Japanese is less stable than English. For Japanese decks, prompt in English and translate in a second pass.

9. How it differs from claude.ai Chat and Artifacts

Capability	claude.ai Chat	Artifacts	Claude Design
Output	Text, code, JSON	HTML / JS / CSS / Mermaid	Visual design (PPTX / PDF)
Edit surface	Text chat	Code editor	Visual canvas
Design-system integration	None	Manual styling	Auto-load from team codebase
Export	Copy/paste	Single HTML file	PPTX / PDF / Canva / HTML folder
Inline edit	None — regenerate	Edit the code	Direct manipulation + sliders
Audience	Conversation-first	Developers and technical users	Business, design, product

Sharing what you made — the real workflow

Claude Design exports to PPTX and PDF. Downloading them just scatters files across local machines. To make them company assets, this is the workflow:

1. Right after export, move it to the shared Google Drive folder. Something like Drive/MIXI/exec-docs/2026Q2/.
2. Apply a naming convention: YYYYMMDD-topic-author.pptx.
3. Post the link to the relevant Slack channel (#exec-docs) with one line of context.
4. In the closing of your meeting, say "I'll send the link on Slack after this." Send it the moment you're back at your desk.

10. Official sources

Sources block below has the full list. Research Preview status means features, pricing, and plan support can change without notice. Check claude.ai/design for the latest.