TL;DR
Anthropic dropped Claude Design on April 17, 2026. It’s a chat-driven canvas that turns prompts into prototypes, decks, one-pagers, and full design systems. It runs on Claude Opus 4.7, lives at claude.ai/design, and is bundled into Pro, Max, Team, and Enterprise subscriptions inside a separate weekly Design allowance. Mike Krieger, Anthropic’s CPO and the Labs lead behind the launch, quit Figma’s board three days earlier. Figma shares closed down nearly 7% on launch day. The tool exports to Canva, PDF, PPTX, and HTML, and hands off to Claude Code for production builds.
What Anthropic shipped
The product is a split-screen workspace. On one side, a chat box. On the other, a live canvas. You type what you want, like “a pricing page for a B2B SaaS tool with three tiers”, and Claude renders something on the canvas. Then you iterate: chat, inline comments, direct text edits, or sliders that Claude generates on the fly to adjust spacing, colors, padding, font weight.
Inputs are flexible. You can start from a text prompt, drop in a screenshot, upload DOCX/PPTX/XLSX, or point Claude at a GitHub repo. There’s also a web capture tool that scrapes elements from a live URL so prototypes inherit the look of an existing product.
Outputs are usable artifacts. Decks export to PPTX, single-page mockups to PDF, and prototypes to standalone HTML. There’s also a one-click handoff to Canva for further polish, and a separate handoff to Claude Code if you want a working implementation rather than a static comp.
| Feature | Claude Design | Figma | Canva | v0 / Lovable |
|---|---|---|---|---|
| Prompt-to-canvas | Yes (Opus 4.7) | Figma Make (limited) | Magic Studio | Yes |
| Reads your codebase | Yes | No | No | Partial |
| Custom adjustment sliders | Yes | No | No | No |
| PPTX export | Yes | No (plugin) | Yes | No |
| Hand-off to code | Claude Code | Dev mode | No | Built-in |
| Real-time multi-user editing | No (yet) | Yes | Yes | No |
The catch is that last row. Figma’s collaborative editing pulled product teams off Sketch a decade ago, and Claude Design doesn’t have it. You can share a design via internal URL or save the project to a folder, but two people can’t drag boxes around the same canvas in real time.
The Mike Krieger backstory
Three days before the launch, Anthropic’s chief product officer Mike Krieger resigned from Figma’s board of directors. The exit was filed with the SEC on April 14. Krieger, an Instagram cofounder, also runs Anthropic Labs.
The Information had reported a few days earlier that Anthropic was building a Figma competitor. Krieger sitting on the board of a company you’re about to outflank is the kind of conflict that doesn’t survive a launch announcement, and the SEC filing put a date stamp on the parting.
Markets noticed. Figma closed down nearly 7% on April 17, and Adobe (which tried and failed to buy Figma in 2023) slid in sympathy. Whether the dip holds is another question. AI-generated UI has been “coming for Figma” since v0 launched in 2023, and Figma’s revenue keeps growing.
Pricing: tokens deplete fast
Claude Design is included with Claude Pro (/mo), Max, Team, and Enterprise plans. There’s no separate subscription. Per Anthropic’s help docs, Claude Design has its own weekly allowance that resets every seven days and is separate from your chat or Claude Code allowances. Pro plans get a base allotment; Max plans get up to 4× more.
Early hands-on reports describe burning through roughly half of that Design-specific Pro allowance by building one design system, one website prototype, and a round of revisions. Once you exceed the allowance, you pay per token at the standard Opus 4.7 rate ( in / out per million tokens). For a designer iterating on visuals all day, the math gets uncomfortable quickly.
Compare that to Figma’s flat /editor/month Professional plan or Canva Pro at /mo. Claude Design is bundled rather than free, and the bundling math only works if you’re already paying for Claude.
How the brand-system reader works
The design-system reader is more interesting than the canvas itself. Point Claude Design at a Git repo, and it parses your component library, tokens, Tailwind config, or CSS variables. Subsequent designs use those tokens automatically.
In practice, this means a designer at a startup with a working component library can ask for a new feature mockup and get something that looks like the existing product instead of generic AI slop. Whether the parser holds up on a real-world codebase with three half-finished design systems and a Tailwind config someone touched in 2024 is the empirical question.
You can maintain multiple systems per workspace and refine components inside Claude Design itself. Components can be edited, named, and reused across projects.
What Hacker News thought
The launch hit the HN front page at 1,158 points and 730 comments, the top story of the day. The community’s take split predictably.
The dominant critique: AI-generated design produces competent sameness. The top comment argued that you’ll get a polished UI from a prompt but nothing visually interesting — the equivalent of every SaaS landing page already looking the same, except now faster. A counter-thread defended the homogeneity. For internal tools and B2B apps, the boring, predictable UI is the right answer. Familiarity beats novelty when users just need to get a job done.
A more pointed critique came from people who’ve watched this movie before. Bootstrap, Material UI, ThemeForest, and Figma component libraries already solved “I need something that looks decent without a designer.” Claude Design automates that work but doesn’t change what’s possible.
The accessibility-focused commenters had the quietest but most durable point: boring is good. Reduced cognitive load, predictable affordances, fewer flourishes. These serve users with disabilities. AI design tools converging on a baseline competent style is, in that frame, a quiet win for usability.
Where this lands competitively
Three product categories are now in Claude Design’s blast radius:
- Wireframing tools (Balsamiq, Whimsical): directly threatened. The whole point of those tools is “fast and ugly”, and Claude is faster and only a little less ugly.
- Prompt-to-UI tools (v0, Lovable, Bolt): these had a head start but no Claude Code integration and no Pro-tier bundling. Anthropic just made them an unbundled point solution against a bundled platform play.
- Figma and Canva proper: not directly threatened today. Figma’s collaboration moat and Canva’s template library are too deep to displace with a chat box. But the bottom of both markets, the founder mocking up a pitch deck and the PM throwing together a one-pager, is now Claude territory.
The Canva integration signals the strategy. Anthropic is positioning Claude Design as the generation layer that feeds Canva (and eventually Figma) for refinement, rather than competing head-on. Whether Canva and Figma let that handoff stay friendly long-term depends on how much downstream revenue they end up losing.
How to try it
- Open claude.ai/design (Pro, Max, Team, or Enterprise plan required).
- Click “New project” and add context: paste a description, drop a screenshot, link a Git repo, or use the web capture extension.
- Type your prompt: “A landing page for an analytics SaaS tool, dark theme, with a hero, three feature blocks, and a pricing CTA.”
- Iterate via chat or use the auto-generated sliders to nudge spacing and color.
- Export to your destination of choice: PDF, PPTX, HTML, Canva, or hand off to Claude Code for implementation.
Enterprise admins need to enable the feature in the workspace settings before users see it.
FAQ
What is Claude Design?
Claude Design is a research-preview product from Anthropic Labs that turns natural-language prompts into visual designs, prototypes, slide decks, and one-pagers using Claude Opus 4.7. It launched on April 17, 2026, at claude.ai/design.
How do I use Claude Design?
Open claude.ai/design with a Pro, Max, Team, or Enterprise subscription, create a project, optionally provide context like a codebase or screenshots, and describe what you want in chat. Claude generates a canvas you can refine through messages, inline comments, direct edits, or auto-generated adjustment sliders.
Is Claude Design a Figma competitor?
It overlaps with parts of Figma’s product (wireframing, prototypes, design system application) but lacks real-time multi-user editing, Figma’s biggest moat. Anthropic’s chief product officer Mike Krieger resigned from Figma’s board on April 14, three days before launch. Figma stock fell nearly 7% on April 17.
Can Claude Design read my existing brand?
Yes. Point it at a Git repository or upload design files and it parses your component library, design tokens, Tailwind config, or CSS variables, then applies them automatically to new mockups. You can maintain multiple design systems per workspace.
How much does Claude Design cost?
There’s no separate price. It’s bundled into Claude Pro, Max, Team, and Enterprise plans, with its own weekly Design allowance separate from your chat or Claude Code limits. Early hands-on reports describe burning roughly half of that Pro allowance on a single project plus revisions. Once you exceed it, you pay per token at standard Opus 4.7 rates ( in / out per million tokens).
Can I export Claude Design outputs?
Yes. Designs export to PDF, PPTX, standalone HTML, or transfer to Canva for further editing. There’s also a hand-off to Claude Code for turning a prototype into a working implementation.
Sources
- Introducing Claude Design by Anthropic Labs — official Anthropic announcement, April 17, 2026
- Anthropic launches Claude Design — TechCrunch — independent reporting on the launch
- Anthropic launches Claude Design, a Figma and Canva rival — The New Stack — competitive positioning and pricing detail
- Anthropic CPO leaves Figma’s board — TechCrunch — Mike Krieger resignation context
- Get started with Claude Design — Claude Help Center — official user docs
- Hacker News discussion (1,158 points, 730 comments) — community reaction
Bottom line
Headlines calling this the death of Figma will age the same way the v0 obituaries did in 2023. The realistic story is narrower: Claude Design is a credible play at the bottom layer of the design market — the founder, PM, or marketer who needs a polished visual without opening Figma. That layer was Canva’s territory and partly Figma Make’s. Anthropic now owns it bundled inside a subscription many of its target users already pay for.
The token economics are the open question. If a designer churns through a Pro weekly cap by Tuesday, the bundling pitch evaporates and the per-token math has to compete with Figma’s flat fee. The trajectory of those weekly caps over the next two months will say more than the launch itself.