Claude Design: Features, Pricing and How It Works
Claude Design turns chat prompts into prototypes, slides and website mockups. See how it works, what it costs, where it falls short and how to export projects.

Update (9 Nov 2026): Claude Fable 5.2 and Mythos 5.2 are out - prices, access and benchmarks are in my Claude Fable 5.2 guide.
👁 114 reads
Claude Design is Anthropic’s tool for creating prototypes, slides, website mockups and marketing materials by chatting with Claude. It’s available on every plan, including Free, and uses the same usage limits as regular chat and Claude Code. You can export finished projects as PDF, PPTX, Google Slides or standalone HTML, or hand them off to Claude Code as a package for implementation. This article reflects Anthropic’s help pages as of October 30, 2026.
From announcement to general availability
- April 17, 2026 - Anthropic Labs introduced Claude Design as a research preview for Pro, Max, Team and Enterprise plans. It was disabled by default for Enterprise.
- Fall 2026 - The help page says Design is available on Free, Pro, Max, Team and Enterprise plans, and enabled by default.
- October 15, 2026 - Design also became enabled by default in Enterprise organizations. The exception is organizations covered by HIPAA.
- December 14, 2026 - The separate version at claude.ai/design will close. Projects are being gradually moved into regular Claude.
On launch day, TechCrunch described the tool as aimed at startup founders and product managers without a design background. Anthropic said Design was intended to complement Canva, not replace it: you can send a project to Canva and continue editing it there.
Where to use Claude Design
- In a regular Claude conversation, choose Output, then Design.
- In the Artifacts tab, choose the Design template.
- In Claude Code, use the
/designcommand in the desktop app or terminal. - In the iOS and Android apps, you can preview and edit a project, but you can’t change its sharing settings from your phone.
If you work in Claude Code, /design-sync can also pull a company design system - including colors, typefaces and components - from code.
What you can create with Claude Design
According to the announcement and product page, you can make:
- App and website prototypes, wireframes and one-pagers
- Slides and investor presentations
- Marketing materials
- Code-based prototypes with voice, video, shaders, 3D or built-in AI
You can provide Claude with code, a GitHub repository, design files, and DOCX, PPTX and XLSX files. According to TechCrunch, it reads code and company files to apply the company’s design system to the project.
Exports and integrations
| Category | Options listed in Anthropic’s help pages |
|---|---|
| Files | .zip, PDF, PPTX, standalone HTML |
| Online presentations | Google Slides |
| Continue working in other tools | Adobe, Canva, Gamma, HubSpot, Lovable, Miro, Netlify, Replit, v0, Vercel, Wix and others |
| Development | Hand off a project to Claude Code or Claude Code in the browser |
If you mainly make slides, compare Claude Design with Gamma and its alternatives. Gamma is on the integrations list, so you can connect the two tools.
Claude Design pricing and usage limits
Claude Design has no separate price. You pay for a Claude plan, and Design uses the same shared usage limit as chat and Claude Code. The former separate weekly Design limit is gone. When you reach your limit, Design is unavailable until it resets, unless you have usage credits enabled. Anthropic warns that large repositories and numerous revisions use up the limit faster.
| Plan | Price on claude.com (USD) |
|---|---|
| Free | USD 0, includes Claude Design |
| Pro | USD 20 per month, or USD 17 per month with annual billing |
| Max 5x | From USD 100 per month |
| Max 20x | No separate price listed on the website |
| Team | Standard: USD 25 per person per month; Premium: USD 125 per person per month (USD 20 and USD 100 with annual billing) |
| Enterprise | USD 20 per person per month with an annual contract, minimum 20 people, plus usage at API rates |
What Claude Design can’t do yet
Anthropic lists these limitations in its help pages:
- No project version history
- Comments within a project sometimes disappear
- Collaborative editing by multiple people is basic and unreliable
- The tool slows down with large repositories
- How well a design system imports depends on the quality of its source
- If you see a “chat upstream error,” opening a new chat tab can help
The lack of version history is currently the biggest drawback. Before asking for a major change, export a working version as PDF or HTML.
Team and Enterprise settings
- Enable the separate version under Organization settings, Claude Design (Enable for your organization).
- The Design template and design systems are under Organization settings, Artifacts. The two toggles work independently.
- Enterprise only: create custom roles and restrict who can publish, delete and set the default design system. Design systems are disabled by default on Enterprise.
- Project previews run in an isolated frame (iframe) on a separate domain.
Who should use Claude Design?
Claude Design is most useful if you already pay for Claude and occasionally need a website prototype, app mockup or a few slides, but don’t have a designer on hand. Designers who work in Figma every day may find it useful for a quick draft, but the lack of version history and unreliable team editing make it difficult to move an entire team’s design work into Design. You can try it on the Free plan, though you may reach the limit quickly.
Frequently asked questions
Is Claude Design free?
It’s available on Claude’s Free plan, but it uses the plan’s shared usage limit. Paid plans have higher limits.
How is Claude Design different from Artifacts?
An Artifact is a single result in a conversation, such as an HTML page. Design is a separate way to work on a project, with a company design system, exports to PPTX, PDF and Google Slides, and handoff to Claude Code.
Will Claude Design replace Figma or Canva?
Anthropic says Design is meant to complement Canva, and you can send a project to Canva. The lack of version history and basic team editing make it difficult to use as the foundation for an entire design team’s work.
How do you move a project into code?
Use the handoff to Claude Code, which receives a package containing the project. The /design-sync command works in the other direction, pulling a design system from code.
What will happen to claude.ai/design?
The separate version will close on December 14, 2026. Projects are being moved into regular Claude, where you can access Design from a conversation or the Artifacts tab.
Sources
- Anthropic: Introducing Claude Design by Anthropic Labs (April 17, 2026)
- TechCrunch: Anthropic launches Claude Design (April 17, 2026)
- Claude Help Center: Get started with Claude Design
- Claude Help Center: Claude Design admin guide for Team and Enterprise plans
- Claude: Claude Design product page
- Claude: Plan pricing (USD)
- Claude Help Center: Supported interface languages
- Anthropic: Supported countries
Checked: October 30, 2026
More on this from QUANTSLANT
ai tools·Galaxy AI: What It Is, What It Costs and How to Turn It OffFind out what Galaxy AI includes, which features support Polish, what’s free and how to turn off Galaxy AI, Gemini and Circle to Search.

