Claude Design First Look: Anthropic's Opus 4.7 Figma Challenger

I spent two weeks testing Claude Design, the tool Anthropic Labs shipped on April 17, 2026, so you can decide in about 10 minutes whether it belongs in your workflow. It launched the day after Claude Opus 4.7, it sits inside the same Claude subscription you already pay for, and it knocked roughly 5 to 7 percent off Figma's stock the morning it went live. So is it a real Figma challenger, or a clever demo that runs out of gas?

What Claude Design Actually Is

Claude Design is the first high-profile product out of Anthropic Labs, the experimental division co-led by Mike Krieger, the Instagram co-founder and former Anthropic chief product officer. You talk to it in normal sentences, and it produces visual work: website prototypes, interactive pages, slide decks, one-pagers, and from the April 17 launch onward, working apps and widgets (plus 3D, video, and shaders).

You reach it two ways. The web app lives at claude.ai/design, and there is a panel inside the Claude for Mac app, sitting next to Claude Cowork and Claude Code. There is no standalone download, no iOS or Android app, and at launch no Windows-specific Claude Design app was announced.

Here's the thing that makes it different from a generic "prompt to UI" toy. During onboarding it reads an existing codebase plus your design files and builds a design system from them: your colors, your type scale, your components. Then every new project reuses that system automatically. When I pointed it at a small site, it correctly pulled the brand color hex value and derived a full 11-step palette with sensible CSS variable names, and it flagged the font files it could not find so I could upload them. That is the moment it stopped feeling like a demo. For background on the model underneath, read our full Claude Opus 4.7 review and the wider AI tools category.

The Engine: Claude Opus 4.7 Vision

Claude Design launched on Claude Opus 4.7, which Anthropic released on April 16, 2026, exactly one day before the design tool. The vision upgrade is the reason this product exists at all. One caveat on the model: Anthropic shipped Opus 4.8 to general availability on May 28, 2026, so 4.7 is no longer the newest Claude model. Anthropic has not publicly said whether Claude Design now runs on 4.8, so treat 4.7 as the confirmed launch engine, not necessarily the live one today.

Opus 4.7 reads images up to 2,576 pixels on the long edge, roughly 3.75 megapixels. That is over 3 times the limit of Opus 4.6. On Anthropic's XBOW Visual Acuity test it scored 98.5 percent, against 54.5 percent for Opus 4.6. In plain terms: the model can now actually see a dense mockup or a screenshot and reason about layout, spacing, and hierarchy instead of guessing. When you ask it to match a reference, that jump is what you feel.

What It Builds Well

After two weeks I put the features into three buckets: the genuinely strong, the merely fine, and the missing. Start with the strong.

Design-system extraction. This is the headline feature and it earns it. You can now populate the system from GitHub repos, raw design files, and your Figma library, and the model checks new work against your brand guidelines as it goes. A clean codebase gives you a clean system. Feed it a messy one and the quality drops, so this works best when your tokens and components are already tidy.

Conversational refinement. Instead of dragging handles, you adjust the output by talking, with dynamic sliders that appear for things like spacing, density, and tone. It feels closer to art-directing a junior designer than operating software. One Brilliant product designer, Olivia Xu, said in Anthropic's announcement that pages needing 20-plus prompts in other tools took her 2 prompts here. That is a vendor-picked testimonial, not a benchmark, so treat the exact number with a pinch of salt. But the direction matched my own experience.

Export and handoff. You can push finished work to PDF, PowerPoint (PPTX), standalone HTML, raw source files, and Canva with your Brand Kit applied. Best of all for engineers, it hands directly to Claude Code for implementation, and a June 2026 update added a /design-sync command that pulls your design system into the coding terminal and syncs it both ways. There is also a broader /design command for creating, editing, and syncing design projects without leaving the terminal.

• Auto-built design systems from code, design files, and Figma libraries
• Talk-to-edit refinement with on-demand control sliders
• Export to PDF, PPTX, HTML, raw source, and Canva (Brand Kit applied)
• Direct handoff to Claude Code, including the new /design-sync two-way command
• App, website, and widget generation from plain-language requests (available since the April 17 launch)

Where It Falls Short

Now the honest part, because no research preview ships clean. These are the limits I hit, not theoretical ones.

It does not generate raster images. For visuals it produces SVGs, which are great for icons and simple diagrams. But it cannot make a photorealistic render, a product shot, or an illustrated hero image. You bring your own photography, or your hero section stays empty. For most marketing pages, that is a real gap.

Then there is Figma. You can now import a Figma library to teach the design system, which is new and welcome. But there is still no Figma export. If your team's source of truth is a Figma file, Claude Design is a one-way street: great for a fast draft, awkward as a permanent home. The New Stack flagged this missing export on day one, and two months later it is still missing.

And it is cloud-only, with no offline mode and collaboration that Anthropic itself calls early. Real-time multiplayer editing, the thing that made Figma Figma, is not here yet.

The Token Quota Problem (And What Changed)

This is the part you need to read twice, because it is the single most common complaint and the reason that PCWorld headline read "locked out for a week after 30 minutes."

At launch, Claude Design ate tokens fast. The PCWorld reviewer burned about 80 percent of their weekly Pro allowance on a single 5-minute draft and hit zero after roughly 30 minutes of total use. To stretch the budget, that reviewer manually switched down to the cheaper Sonnet 4.6 mid-project, and even then their meter ran out minutes later. Separately, Claude Code does have an Opus-to-Sonnet fallback when you hit the Opus cap, so a downgrade can happen automatically too, but the PCWorld lockout was a manual model switch, not the tool silently swapping models behind their back. FindSkill.ai put it bluntly: some Pro users "only made a design system. That's all for this week."

Has it improved? Partly. On May 6, 2026, Anthropic doubled the 5-hour rate limits for Pro, Max, Team, and seat-based Enterprise plans and removed the earlier peak-hour reductions. So you get more headroom now than launch-day reviewers had. But Claude Design still draws from the same shared Claude quota as your chats and Claude Code, and design generation is token-heavy by nature. On the $20 Pro plan, heavy design work will still bottom you out.

Claude Design: What Works and What Doesn't

Pricing: What You Actually Pay

You do not pay for Claude Design directly. It is bundled into your existing Claude subscription at no extra charge, which is the smartest pricing move Anthropic made here. The real cost is the token budget it consumes.

Plan	Price	Claude Design access	Practical design headroom
Pro	$20/mo	Included	Tight: 1 design system or a couple of small drafts per week
Max (5x)	$100/mo	Included	Roughly 5x Pro: comfortable for regular design work
Max (20x)	$200/mo	Included	Heavy daily use without rationing
Enterprise	Custom	Off by default, admin-enabled	Org-controlled; ask your admin to switch it on

One catch worth flagging for teams: on Enterprise the feature is disabled by default, and an admin has to turn it on through Organization settings. That matches Anthropic's usual opt-in pattern for new capabilities, but it means "available to Enterprise" really means "available once IT says yes."

Who Should Use Claude Design

So who is this actually for right now? After two weeks, here is my honest sorting.

Use it if you are a founder, marketer, or small team that needs a branded prototype, landing page, or pitch deck this afternoon, you already pay for Claude, and you have code or design files it can learn from. The brand extraction plus fast drafting is a genuine time saver. As someone who has watched non-designers freeze in front of a blank Figma canvas, the talk-to-build flow lowers that anxiety a lot.

Wait if you are a working product designer whose team lives in Figma, needs multiplayer editing, or ships polished imagery. The missing Figma export and SVG-only visuals will frustrate you, and the preview rough edges are not production-grade yet. Check the broader reviews section and our best AI design tools roundup before you commit a whole workflow.

Claude Design vs Figma vs Canva

Anthropic plays a careful messaging game here. It quotes Canva CEO Melanie Perkins in the announcement and frames Claude Design as "complementary to Canva," while never pairing itself with Figma at all. The market read it differently: Figma's stock fell that morning, and Anthropic's CPO had resigned from Figma's board days before the launch.

Factor	Claude Design	Figma	Canva
Core strength	AI prompt-to-prototype with brand extraction	Precision design + multiplayer editing	Templates + easy graphics
Image generation	SVG only, no raster	Plugins + AI add-ons	Built-in AI images
Real-time collaboration	Basic, not yet multiplayer	Best in market	Solid
Figma export	No (import only)	Native	Limited
Pricing model	Bundled in Claude ($20+/mo)	Per-seat from ~$15/mo	Free tier + $15/mo Pro

The honest takeaway: Claude Design competes with Figma on first-draft speed and with Canva on quick branded output, but it does not yet beat either at their core job. It is a strong opening move, not a finished knockout. For a deeper side-by-side, see our Claude Design vs Figma comparison.

Frequently Asked Questions

Is Claude Design free?

There is no separate fee. Claude Design is bundled into the paid Claude plans (Pro at $20/mo, Max at $100 or $200/mo, plus Team and Enterprise) at no extra charge. You are effectively paying with your shared token quota, not a new subscription.

Is Claude Design out of research preview yet?

No. As of June 2026 it is still an Anthropic Labs research preview. It has gained features since the April 17 launch, including design-system imports, on-canvas editing, and two-way Claude Code sync via /design-sync, but Anthropic has not announced general availability.

Can Claude Design export to Figma?

No. You can import a Figma library to train its design system, but there is no path to export your finished work back to Figma. Output goes to PDF, PPTX, HTML, raw source, Canva, or Claude Code instead.

Why does Claude Design run out of tokens so fast?

Design generation is token-heavy, and it draws from the same weekly Claude quota as your chats and Claude Code. Early reviewers zeroed out their Pro budget in about 30 minutes. Anthropic doubled the 5-hour limits on May 6, 2026, so there is more room now, but heavy design work on the $20 Pro plan can still hit the wall.

What model powers Claude Design?

It launched on Claude Opus 4.7, released on April 16, 2026. Its vision upgrade (images up to 2,576 px and a 98.5 percent XBOW visual-acuity score) is what lets the tool read references and reason about layout. Note that Anthropic released a newer model, Opus 4.8, on May 28, 2026, and has not publicly said whether Claude Design now runs on it. On Claude Code, when you hit the Opus usage cap, work can fall back to the cheaper Sonnet 4.6 mid-project, which can knock down output quality.