Skip to main content

What Is Claude Design? Anthropic's Chat-to-Canvas Design Tool

Claude Design is Anthropic Labs' tool that turns chat into prototypes, slides, and mockups on a canvas. A guide based on official information.

Claude Design is a visual-work tool from Anthropic Labs where you describe what you want in chat and Claude builds a design on a canvas. The screen is split — chat on the left, canvas on the right — so you explain your idea in plain language, Claude generates a working design, and you refine it through conversation. The point is getting from an idea to something visual without opening a design tool first. (Official: support.claude.com)

🟢 Model references match the current lineup · model notice · Fable subscription
🟢 Model references match the current lineup · Claude Opus 5 / Claude Sonnet 5 / Claude Haiku 4.5 (higher tier: Claude Fable 5.1). This notice changes only when Anthropic ships a new model.

Fable 5 and 5.1 subscription (updated September 7, 2026): Claude Fable 5.1, released September 1, 2026, is the current Fable model and Fable 5 is now legacy. Plan terms are the same for both — Max and Team Premium plans include Fable at up to 50% of the weekly usage limit; Pro and Team Standard use usage credits (

🟢 Model references match the current lineup · Claude Opus 5 / Claude Sonnet 5 / Claude Haiku 4.5 (higher tier: Claude Fable 5.1). This notice changes only when Anthropic ships a new model.
0/M input, $50/M output tokens). The one-time
🟢 Model references match the current lineup · Claude Opus 5 / Claude Sonnet 5 / Claude Haiku 4.5 (higher tier: Claude Fable 5.1). This notice changes only when Anthropic ships a new model.
00 credit applied only to the Fable 5 transition and is not offered for 5.1. Some coding and debugging requests may be answered by an Opus model due to a security classifier (both models). See the Fable 5.1 guide and the Fable 5 availability guide for details.

Claude Design layout Left: chat "Build me this screen"Generated →"Make colors deeper"Plain language · inline comments Right: canvas A working design appears Build by chat, refine by conversation · source support.claude.com · as of 2026.6

What is Claude Design

Claude Design is a conversational visual-creation tool from Anthropic Labs (the team that ships Anthropic's experimental products). Instead of laying things out by hand on a blank canvas, you describe what you want in plain language; Claude produces the result and you refine it by talking. It isn't a feature buried inside regular chat — it's a separate product with its own URL (claude.ai/design), its own canvas, and its own export options, currently in research preview.

What you can build

Anthropic says it can create visuals such as:

  • Website/app prototypes and interactive screens
  • Slides, pitch decks, and one-pagers
  • Product mockups and marketing pages/assets

It targets two groups: designers who want to explore more directions quickly, and people without design experience (founders, PMs, marketers) who want to turn an idea into something visual.

Build → Refine → Export 1. PromptDescribe it 2. CanvasInstant draft 3. Refinecomments · controlpanel edits 4. ExportPPTX·PDF·HTML· Canva / handoff The first result is a starting point — the value comes from iterating. Research preview · features and limits may change by version

How it works

The flow is simple. Describe what you want in chat and a draft appears on the canvas; from there, iteration is the point. You refine three ways — more instructions in chat, inline comments pinned to elements, and a controls panel that adjusts spacing, color, typography, and layout. Anthropic notes that "the first generation is a starting point; the real value comes from iterating."

Export and handoff

Finished designs export to PPTX, PDF, Canva files, ZIP, or standalone HTML. Exporting to Canva delivers editable, collaborative files. To move into development, you can hand off a bundle to Claude Code in one step. It also offers multiplayer features like link sharing and collaborative editing.

Getting started · availability

Claude Design is at claude.ai/design. Per reporting, it launched on April 17, 2026, and at launch ran on Claude Opus 4.7 (the model it uses may change). It's included in existing Claude subscriptions (Pro, Max, Team, Enterprise) at no separate price, and usage counts toward your current subscription limits.

See the Claude pricing overview. Comparing it with Artifacts (which build outputs inside chat) makes the difference clear.

Things to know

Because it's a research preview, Anthropic documents a few known limitations.

  • Inline comments — they sometimes disappear before Claude reads them; paste the comment text into chat as a workaround.
  • Compact view — the compact layout can trigger save errors; switch to full view and retry.
  • Large codebases — linking a very large repo can cause lag or browser issues; link a specific subdirectory rather than a whole monorepo.

FAQ

Is Claude Design free? What does it cost?

Claude Design is part of the Claude app and is available on paid plans (Pro and up) (fact — see "availability" above). Its usage counts toward your plan's limits like other Claude usage, and there's no separately published price for it (uncertain — may vary by plan/policy; check the official pricing page). For plan comparisons, see Is Claude free?

Does it use my usage (tokens)?

Design work draws on your plan's usage just like chatting with Claude (fact, general). The exact accounting isn't separately published (uncertain), so if limits are a concern, review how usage works on your plan.

Can it make PPT (PowerPoint) files?

You can build slides and export them as PPTX (fact). To work inside PowerPoint itself, Claude in PowerPoint or the Excel & PowerPoint guide fit better.

Can it design websites or landing pages?

It supports prototypes, mockups, and HTML export, so it's useful for web-screen mockups (fact) — more for design comps and handoff than a fully deployable finished site.

Do I need to install anything?

No separate install — you use it inside the Claude app (fact).

Disclaimer: This article is based on Anthropic's official Claude Design help article (support.claude.com) and April 2026 reporting. Claude Design is a research-preview product; its underlying model, features, limitations, and availability may change frequently per official announcements. Check the official help center for the latest before relying on it. This site is not affiliated with Anthropic.

Was this helpful?

Keep reading