Disclosure: Some links below are affiliate links. If you buy through them, this site earns a small commission at no extra cost. Editorial recommendations are never influenced by affiliate rates.
Figma's stock dropped 7% in a single day. Not a bad earnings report, not a lawsuit. A product launch from Anthropic.
Claude Design shipped on 17 April 2026 as a research preview under Anthropic Labs. Within hours it hit #1 on Hacker News with 817 upvotes. The short version: it turns text descriptions into live, interactive HTML prototypes, pitch decks, and landing pages. No design background needed. No Figma.
Whether that's worth paying for depends a lot on which plan you're on and what you actually need to build.
What it is (and what it isn't)
The interface is a split panel inside Claude.ai. Conversation on the left, a live canvas on the right. You describe what you want, Claude produces a first version in seconds, and you refine from there through follow-up prompts, inline comments, direct text edits, or sliders that adjust spacing, colour, and layout in real time.
The output isn't a screenshot. It's live HTML. Clickable, testable, and when you're ready to build for real, you can hand it directly to Claude Code with one instruction. Or export it as a PDF, PPTX, standalone HTML file, or straight into Canva.
The feature that makes this worth paying attention to: Claude Design reads your codebase or Figma files on first run. It extracts your colours, typography, and component patterns, then applies that design system to everything it produces from that point on. One developer on X pointed it at a GitHub repo for an iOS Markdown reader and got a prototype that visually matched the existing app, with no additional prompting. That capability is what separates it from every other AI mockup tool right now.
Claude Opus 4.7, Anthropic's most capable vision model as of April 2026, powers all of this. Research preview means the feature set is still evolving.
Six things it can do
Prompt-to-prototype. Describe a landing page, app flow, or marketing one-pager and Claude produces three variations to choose from. Quality on simple layouts is polished. Complex dashboards or multi-step conditional UIs need several iterations to land.
Design system extraction. On first run, Claude analyses your GitHub repo and Figma files to infer your palette, typography, components, spacing, and grid. Every project after that starts on-brand without extra instruction.
Inline editing. Three modes: commenting on specific elements ("increase contrast on the CTA"), direct text editing, and live sliders for spacing and colour. The sliders skip a full regeneration on every small tweak, which matters for token usage.
Multi-source input. Accepts text prompts, uploaded images, DOCX, PPTX, and XLSX documents, a URL to scrape, or an entire codebase. You can turn a Word spec into a mockup, or say "redo this section to match our existing site" and get a coherent result.
Exports. Canva, PDF, PPTX, standalone HTML, or a Claude Code handoff bundle. That range is wider than any comparable AI design tool.
Embedded media in prototypes. A prototype can include a functional chatbot, video player, 3D element, or shader at the mockup stage, not as a placeholder. For anyone pitching an AI product, being able to show the feature working inside the demo itself is useful.
The pricing reality (and why Pro is probably not enough)
Claude Design isn't sold separately. It's bundled into existing Claude plans with its own weekly usage budget, separate from your normal chat allowance.
Free tier: no access at all.
Pro at USD $20/month (roughly NZD $33). You get access. The weekly budget runs out after three or four design prompts. Multiple reviewers hit the wall before finishing a single landing page. Fine for a one-off experiment, not for regular use.
Max 5x at USD 100/month(NZD 165). Around 225 messages per five-hour window. Workable for light use. Monthly billing only, no annual option.
Max 20x at USD 200/month(NZD 330). Around 900 messages per five-hour window. Most serious users land here as the practical minimum. Claire Vo, writing in Lenny's Newsletter, hit the Claude Design credit limit building a single landing page, then spent an additional $200 in API overage on that same prototype. One documented case on X showed a Max user spending $85 in overage charges on a single complex UI. Budget accordingly.
Team at USD 25/seat/month(NZD 41, or $20/seat billed annually). Standard seats outperform Pro. Premium seats at USD $125/seat include Claude Code and Claude Cowork alongside Design. Teams doing design-heavy work would likely need Premium.
The credit model is the main friction in early reviews. The limits aren't clearly signalled until you hit them, and complex UIs burn through a weekly budget faster than expected.
How it compares to Figma, Lovable, and v0
Figma remains the reference for collaborative vector design. Free up to three files, USD $16/month per editor after that. Multi-player editing and component libraries are its core value. Claude Design isn't competing at the production-design level. It's competing for the "I need a credible mockup fast and have no designer available" segment, which Figma wasn't really serving.
Lovable builds full-stack apps with working backend, auth, and database from a prompt. It can import Figma designs but doesn't infer a design system from a codebase. If you need a working product prototype rather than visuals only, Lovable gets you further. If you need front-end visuals across multiple format types, Claude Design is more flexible.
v0 by Vercel produces React and Tailwind code directly. It's the most developer-friendly option and has fewer export formats (no Canva, no PPTX), but the generated code is more production-ready. Best for dev-centric teams already in the Vercel ecosystem.
Claude Design covers the widest range of output formats and is the only tool that extracts a design system natively from a codebase. The tradeoffs are high token consumption and, for now, no real-time multi-player editing.
Who this is actually for
Two groups get the most value here.
Founders and product managers who aren't designers. If you've never opened Figma and need a pitch deck, a landing page mockup, or a prototype for user testing without waiting for a contractor, this is currently the most capable option. The design system ingestion means even your first attempt can look consistent with your existing brand.
Designers using it for exploration, not production. If your day job is in Figma, Claude Design is worth keeping in your stack to generate a wide spread of early directions quickly. You won't replace Figma. You'll use both.
For NZ small businesses: most relevant at the solo operator or under-five-person stage, when you're doing your own marketing collateral or validating a product concept without a designer on the payroll. Max 20x is expensive in NZD terms, but if it replaces three or four hours of back-and-forth with a contractor at NZD $100+/hour, it pays for itself in a month.
Is it worth it?
It depends on what you're replacing.
If you currently pay a freelancer or agency for mockups and pitch decks, Claude Design at Max 20x (NZD $330/month) is likely cheaper per output and considerably faster. If you're a solo founder building your first product, start on Pro. Hit the weekly limit once to see how far it actually gets you before committing to Max.
If you're a designer already running Figma, Pro is worth trying for exploration. The Max plans are harder to justify unless your team is running significant prototyping volume across multiple projects.
One thing to keep in mind: this is a research preview. The credit caps, the pricing model, and the feature set will change. Anthropic has said more integrations are coming. What you're signing up for now isn't the finished product.
The design system extraction is the part that's genuinely new. Reading your existing codebase and applying your visual rules to new outputs automatically -- that specific capability doesn't exist at this level anywhere else. The rest is impressive but has equivalents. That part doesn't.
Start at: claude.ai (Design tab, requires Pro or above)