Claude Design
Figma Make + Figma agent
The shortest path from a prompt to a prototype that matches your product and turns into code, because it learns the design system from your codebase and hands finished work to Claude Code
The pick for teams whose design system is a Figma library: the agent edits the real file and Make prototypes from the same components
- Design system from code
- Claude Code handoff
- HTML, PDF, PPTX, Canva
- Included in Claude plans
- Your components and tokens
- Canvas agent
- Make prototypes
- Product in transition
- No Figma export listed
- Paid Full seat
- Shared credit budget
Key Takeaways
- Claude Design — Launched April 17, 2026. Builds prototypes, decks and one-pagers, learns a design system from your codebase and design files, exports HTML, PDF, PPTX and Canva, and hands off to Claude Code. Included in Claude plans; moving into Claude as artifacts.
- Figma Make and the Figma agent — Make turns prompts into interactive prototypes and apps with your Figma library; the agent edits the design canvas. Full seats include 3,000 to 4,250 AI credits a month, shared by both.
- Google Stitch — Free Google Labs tool. A real-time agent you can steer by voice, the open DESIGN.md format, and exports to AI Studio, Antigravity and Netlify.
- Bottom line — Claude Design when the destination is code. Figma when the destination is your design system and review process. Stitch for free, fast exploration.
How do Claude Design, Figma Make and Google Stitch differ?
All three are AI design agents for product interfaces: you describe a screen or flow, the agent designs it, and you steer it in conversation. They differ in what they treat as the source of truth. Claude Design learns from your codebase and design files and aims at code. Figma works from the library your designers already keep. Stitch works from a DESIGN.md file of rules and is free.
Facts verified against vendor pages and announcements through November 5, 2026; scores match the Best AI Design Agents guide.
How do the features compare?
Feature matrix
| Feature | Claude Design | Figma Make + agent | Google Stitch |
|---|---|---|---|
| Product | |||
| Maker | Anthropic Labs | Figma | Google Labs |
| Main outputs | Prototypes, slides, one-pagers, interactive graphics | Figma designs; interactive prototypes and web apps (Make) | App and web UI screens, linked prototypes |
| Inputs | Prompts, images, DOCX/PPTX/XLSX, codebases, web capture | Prompts, Figma files and libraries | Text, voice, codebases and design files |
| Agent | |||
| How you steer it | Chat, inline comments, direct edits, generated sliders | Chat on canvas; @-mention tokens, variables, components | Real-time steering while it streams; voice |
| Design system | Built from your codebase and design files; several per team | Your Figma libraries, components, tokens and variables | DESIGN.md rules; extract from a URL |
| Code handoff | Handoff bundle for Claude Code; HTML export | Make apps publish; MCP server moves work between code and Figma | AI Studio, Antigravity, Netlify; MCP server and SDK |
| Buying (Nov 2026) | |||
| Price | Included in Claude plans; counts against plan usage | Paid Full seat; 3,000 to 4,250 credits/mo; add-ons | Free; daily credit limits |
| Status | Standalone site closes Dec 14, 2026; now in Claude | Agent GA Oct 6, 2026 | Google Labs; no enterprise terms |
| WTF score (/20) | 17 | 16 | 16 |
What is Claude Design best at?
Anthropic Labs launched Claude Design on April 17, 2026, on Claude Opus 4.7. It onboards by reading your codebase and design files into a design system, then builds prototypes, slides and one-pagers you refine by chat, inline comments, direct edits or generated sliders. Finished designs become a handoff bundle for Claude Code. It is included in Claude plans and is moving into Claude as artifacts; the standalone site closes December 14, 2026. Claude Design review.
Claude Design
- Shortest path from design to working code through Claude Code
- Builds the design system from what you already have, including code
- Broad exports: HTML, PDF, PPTX, Canva
- In transition: the standalone site closes December 14, 2026 and chats do not move
- Not a replacement for a Figma library as the team's system of record
What are Figma Make and the Figma agent best at?
Figma Make turns prompts into interactive prototypes and web apps using an imported Figma library and can connect to Supabase. The design agent, generally available since October 6, 2026, explores directions, bulk-edits variables and components and fills frames, starting from your most-used components. Both draw from one monthly credit budget per Full seat. Figma Make review.
Figma Make + agent
- Starts from your existing Figma components, tokens and variables
- Agent works inside the file and review process designers already use
- Make adds working prototypes with a Supabase backend
- Make and the agent share one credit budget, metered since October 2026
- Full features need a paid Full seat
What is Google Stitch best at?
Stitch added an infinite canvas, a design agent, an agent manager and an MCP server in March 2026, open-sourced DESIGN.md in April, and at I/O on May 19 added a real-time agent you can redirect by voice, codebase import and exports to AI Studio, Antigravity and Netlify. It is free with daily credit limits. Google Stitch review.
Google Stitch
- Free, with no credit card
- Real-time agent you can steer by voice while it designs
- DESIGN.md is an open format other tools can adopt
- Labs product: no SLA, enterprise terms or announced pricing
- Daily credit caps you cannot raise
Related questions
- Which AI design agents are worth shortlisting in 2026?
- What is agentic design, and how should product leaders roll it out? (partner site CTAIO)
- Should you skip the design file and use Lovable or v0?
- How do Figma's AI credits work?
- What are Google Stitch's free limits?
Frequently asked questions
Is Claude Design a Figma competitor?
Partly. Both make product UI and prototypes, and Figma's shares fell more than 7% on the day Claude Design launched, per SiliconANGLE. But they center on different things: Claude Design builds a design system from your codebase and hands designs to Claude Code, while Figma's agent and Make work from the Figma libraries most design teams already maintain.
Which is cheapest?
Google Stitch is free, with daily credit limits. Claude Design is included in Claude plans, from Free upward, and counts against the plan's usage. Figma Make and the Figma agent need a paid Full seat for full use, with 3,000 to 4,250 AI credits a month depending on plan.
Google Stitch or Figma Make?
Use Stitch for fast, free exploration of UI directions and for teams building in Google AI Studio or Antigravity. Use Figma Make when the design must stay in your Figma library and go through your existing design review.
Does Claude Design export to Figma?
Anthropic's launch announcement lists exports to an internal URL, a folder, Canva, PDF, PPTX and standalone HTML, plus a handoff bundle for Claude Code. It does not list a Figma export.
Final verdict
- Choose Claude Design if your team uses Claude or Claude Code and wants prototypes that become working code.
- Choose Figma Make and the Figma agent if your design system is a Figma library and designers review everything in Figma.
- Choose Google Stitch for free exploration and if you build in Google's AI Studio or Antigravity.
Sources
- Anthropic, Introducing Claude Design by Anthropic Labs (Apr 17, 2026); Claude Help Center, Move from standalone Claude Design to Claude; SiliconANGLE, Anthropic launches Claude Design (Apr 17, 2026).
- Figma, Figma Make is now available to all users; The Figma design agent is here; AI credit updates FAQ.
- Google, Real-time design with Google Stitch (May 19, 2026); DESIGN.md is now open source (Apr 21, 2026); Design Compass, Google Stitch major update (Mar 19, 2026); Banani, Google Stitch pricing (Apr 20, 2026; competitor).
Ready to Find the Right AI Tools?
Browse our data-driven rankings to find the best AI tools for your team.