Claude Design is Anthropic's prompt-based design workspace, and more than one million people used it in its first week. It turns plain English into editable slides, interactive prototypes, mockups, and one-page assets, then exports them to PDF, PPTX, Canva, standalone HTML, or straight into Claude Code. It launched on April 17, 2026, lives at claude.ai/design, and on launch day Figma's stock fell about 7%, according to Gizmodo.

Claude Design got a major overhaul on June 17, 2026 that changed how it works and what it costs you in usage. It now imports your real design system, round-trips with Claude Code through a /design-sync command, lets you drag and resize elements directly on the canvas, and draws from your shared Claude usage pool instead of a small separate allowance. You also now pick which Claude model does the work. This guide covers what Claude Design is, how to access it on Mac, Windows, and Linux, what each plan costs, what you can build with it, and how it stacks up against Figma and Canva.

The Key Takeaways

Claude Design is in beta auf Pro, Max, Team, and Enterprise plans and included with your subscription. There is no free tier, and Enterprise has it off by default.
The June 17, 2026 update added design system imports, a two-way /design-sync round trip with Claude Code, direct canvas editing, and brand lockdown controls for admins.
Claude Design now shares usage limits with chat, Claude Code, and Claude Cowork. The separate design allowance that users burned through in minutes is gone.
It is browser only on Mac, Windows, and Linux. There is no native Claude Design app, and any third-party ".dmg" or ".exe" download claiming to be one is not from Anthropic.
You now pick the model inside Claude Design, choosing between Fable 5, Opus 4.8, Sonnet 5und Haiku 4.5, alongside an Effort setting. The "powered by Opus 4.7" line from the April launch post is out of date.

What is Claude Design?

Claude Design is a prompt-based design surface built by Anthropic Labs, the team inside Anthropic that ships experimental products. You describe what you want in plain English, and Claude generates a working design on a side-by-side canvas. You refine it through chat, inline comments, direct manipulation, and layout controls that adjust spacing, color, typography, and alignment. The product is documented in Anthropic's launch announcement.

It launched on April 17, 2026, three days after Anthropic CPO Mike Krieger stepped off Figma's board, a resignation TechCrunch dated to April 14. It arrived as a research preview and moved to beta with the June update. At launch it ran on one fixed model, Claude Opus 4.7, which Anthropic then called its most capable vision model. That is no longer how it works. Claude Design now ships a model picker, and you choose the model yourself.

Claude Design accepts a wide range of inputs. You can drop in screenshots, photos, DOCX, PPTXund XLSX files, or point it at a GitHub repository so Claude reads your real components. There is also a web capture tool that grabs elements directly from your own website, so prototypes look like the real product. Anything you build can be shared inside your organization with view-only, comment, or edit permissions.

Who is Claude Design for?

The tool serves three core audiences. Founders and product managers who need a clickable prototype before they brief a designer. Sales and marketing teams who need a polished pitch deck today, not next week. Engineers who want to sketch an internal admin UI without leaving Claude. Designers themselves are not the primary target, and Claude Design complements tools like Figma and Canva rather than replacing them.

What changed in the June 2026 Claude Design update

Exactly two months after launch, Anthropic shipped a major Claude Design update on June 17, 2026. The theme was brand consistency and getting designs into production code, and it also fixed the tool's most complained-about flaw. The full changelog is in Anthropic's June 17 announcement. Here is what actually matters.

Design system imports

Claude Design can now pull in one or several design systems from a GitHub repo, design files, or raw uploads. Once a system is in, Claude builds with your real components, checks its own output against your system, and corrects itself before you ever see the result. This is the difference between a mockup that looks vaguely like your product and one that uses your actual buttons, cards, and tokens.

The /design-sync round trip with Claude Code

The headline feature is two-way traffic with Claude Code. Running /design-sync inside Claude Code pulls your local codebase's design system into Claude Design, so every prototype starts from existing components instead of approximations. A /design command in the Claude Code terminal lets developers create, edit, and sync design projects without leaving their workflow.

The trip back is just as short. When a design is ready, it hands off to Claude Code, which picks up where you left off with no screenshot and no rebuild. If you are already living in the terminal, our roundup of the best Claude Code skills covers what else you can bolt onto that workflow.

Direct canvas editing

Claude Design used to route almost every tweak through the chat pane. The update added rich layout controls that let you drag, resize, and align elements directly on the canvas. You still ask Claude for the big structural changes, but nudging a card two pixels left no longer costs you a prompt.

Brand controls for Team and Enterprise

Larger organizations get a new admin role that can approve a single standard design system and lock down edits. Every asset Claude produces then conforms to company guidelines, which is what turns Claude Design from a prototyping toy into something a brand team will actually sign off on.

Shared usage limits, the token-burn fix

This is the change that matters most to your wallet. At launch, Claude Design metered usage from its own small allowance, and it drained fast. PCWorld reviewer Ben Patterson burned 80% of his weekly Claude Design allowance in roughly 25 minutes on the Pro plan, producing three variations of a single webpage prototype. His review was headlined "I tried Claude Design for half an hour. I'm already locked out for a week."

Anthropic scrapped that model. Claude Design now shares usage limits with chat, Claude Code, and Claude Cowork, so there is no separate design allowance to track and you draw from one larger pool. Anthropic also says it cut average token consumption per turn while holding output quality, and that error rates dropped sharply.

Which model powers Claude Design?

This is the question almost every other guide still gets wrong. Anthropic's April launch post said Claude Design ran on Claude Opus 4.7, and that page has never been updated, so write-ups keep repeating it. Open the product today and it is plainly false. Claude Design carries the same model picker as the rest of Claude, and Anthropic's support documentation lists Claude Design among the surfaces where organization model-access settings apply, right next to chat, Cowork, and Claude Code.

The model picker: Fable 5, Opus 4.8, Sonnet 5, and Haiku 4.5

Open the Model dropdown in the prompt composer and you get four models. Fable 5 is pitched for your toughest challenges, Opus 4.8 for complex tasks, Sonnet 5 as the efficient everyday pick, and Haiku 4.5 for fast answers. A More models row opens the rest of the catalogue. No single model "powers" Claude Design any more, so the honest answer is that you decide, per project.

In practice, Sonnet 5 is enough for most slide decks, one-pagers, and simple mockups, and it is the cheapest way to iterate. Step up to Opus 4.8 or Fable 5 when you are building a dense interactive prototype or working against an imported design system, where the model has to hold a lot of structure in its head at once. Drop to Haiku 4.5 for quick throwaway variations.

The Effort control

Underneath the model list sits Effort, which defaults to High. Effort trades intelligence against speed and usage, and Anthropic documents the full ladder as Low, Medium, High, Extra high, and Max in its guide to model, effort, and thinking settings. Because design work now draws from your shared pool, turning Effort down on rough drafts is the single easiest way to stretch a subscription further.

Admins get a say too. Since July 1, 2026, Enterprise administrators can restrict both which models their users can reach and which effort levels they are allowed to set, which is the same rollout that brought the picker into Claude Design in the first place.

Fable 5 and the included-usage window

Claude Fable 5 launched on June 9, 2026 and sits above Opus 4.8 as Anthropic's most capable widely released model, with a 1 million token context window and API pricing of $10 per million input tokens und $50 per million output tokens. That capability is not free-flowing. Anthropic includes Fable 5 on paid plans for up to 50% of your weekly usage limit, after which you switch models or buy usage credits, as set out in its Fable 5 redeployment note.

That inclusion window is promotional and Anthropic keeps extending it, first to July 7, then July 12, then July 19, 2026. The picker prints the current deadline next to Fable 5, so check the label before you commit a long session to it. Free plans never had access, and standard Enterprise seats are excluded.

How to access Claude Design

Claude Design is a browser-based product at claude.ai/design. It works identically on Mac, Windows, and Linux because all generation happens on Anthropic's cloud. There is no native Claude Design app for any operating system and no separate desktop installer. Here are the four steps to get in.

Optionally, run /design-sync in Claude Code first to import your team's design system, so generations stay on-brand from the very first prompt. Once you are in, you write a prompt in the left chat pane, watch the design build on the right canvas, then fine-tune with the layout controls or by dragging elements directly.

Using Claude Design on Mac, Windows, and Linux

Because the heavy generation runs on Anthropic's cloud, any Apple silicon Mac, from the original M1 right through the current M5, runs Claude Design identically to a Windows laptop or a Linux desktop. You do not need a discrete GPU, and the Mac mini, MacBook Air, and entry-level MacBook Pro all handle the canvas without lag. The same goes for an average Windows ultrabook. If you build dense interactive prototypes, a larger display helps, because the chat pane and canvas sit side by side.

Many Mac users prefer to run Claude Design inside the official Claude Desktop app for macOS, which you can download from claude.com/download. It gives Claude a dedicated window away from your browser tabs. The desktop app is not required, but it is the cleanest setup if you work in Claude all day.

What you can build with Claude Design

Claude Design starts you from five templates, Prototype, Slides, Document, Wireframe, and Animation, or from a blank prompt if you would rather just describe what you want. Each one is refined through conversation afterwards. Below are five concrete use cases with the kind of prompt that gets the best result on the first try.

Two of those templates are easy to overlook. Wireframe deliberately strips the output back to low-fidelity structure, which is what you want when the argument is about layout rather than polish. Animation produces motion, and because Claude Design renders slides as HTML rather than PowerPoint, Anthropic's own presentation tutorial notes that it can animate transitions to carry a story across a deck.

Pitch decks and quarterly business reviews

You describe the deck including target audience, slide count, and key data points, and Claude builds the full deck in PPTX format. Example prompt: "Build a 12-slide Series A pitch deck for a B2B SaaS analytics startup. Include problem, solution, market size, traction, business model, team, and ask. Use a minimal style with our blue and grey brand colors."

The output drops straight into Microsoft PowerPoint, Apple Keynote, or Google Slides. For deeper presentation workflows, see our guide on how to use AI in PowerPoint.

Interactive prototypes for new features

Product teams use Claude Design to make a feature tangible before they brief engineering. Example prompt: "Design a 5-screen onboarding flow for a fitness tracking app. Include a welcome screen, goal selection, profile setup, permission requests, and a celebration screen. Use a light theme with sans-serif type."

Because the canvas renders real HTML, CSS, and JavaScript, every prototype is clickable and scrollable in the browser. You share the link with stakeholders, collect comments inline, then iterate without leaving the chat.

Landing page mockups and one-pagers

Founders without a designer use Claude Design to draft a marketing site or sales one-pager in minutes. Example prompt: "Create a SaaS landing page for an AI invoice tool aimed at freelancers. Include a hero, three feature blocks, a pricing table, FAQ, and a CTA footer. Match the layout conventions of modern fintech landing pages."

Uploading screenshots of pages you admire pulls real reference material into the prompt, which keeps the output anchored to actual conventions instead of generic templates. If you already have a site, the web capture tool grabs elements from it so the mockup matches your live product.

Mockups built on your real design system

This use case got dramatically stronger in June. Import your design system from a GitHub repo, design files, or raw uploads, and a new dashboard mockup will use your actual buttons, cards, modals, and tokens. Claude validates its output against the system and fixes deviations before showing you anything, so designs become drop-in references for the next sprint rather than throwaways.

When you are ready to ship, click Handoff to Claude Code and send the design to a local Claude Code agent or to Claude Code on the web. Claude Code picks up the design without starting over, so nothing gets rebuilt from a screenshot.

Data dashboards, infographics, and internal tools

Claude Design also handles charts, dashboards, and quick internal tools. For text-heavy infographics that demand pixel-perfect typography, ChatGPT Images 2.0 is currently a stronger pick because it specializes in dense text rendering. For interactive dashboards with editable data, Claude Design is the better fit, because the output is real code rather than a flat image.

Claude Design pricing and usage limits

Claude Design is not free. It is included at no extra cost with Pro, Max, Team, and Enterprise Claude plans. Since June 17, 2026 it draws from the same shared usage pool as chat, Claude Code, and Claude Cowork, so there is no separate design allowance to monitor. Here is what each plan costs, and our full Claude pricing breakdown goes deeper on API and Bedrock rates.

Pro: $20 per month

Claude Pro is the cheapest way into Claude Design at $20 per month, or $17 per month billed annually. It is the right plan for individual founders, marketers, and engineers who want to try Claude Design without a team contract. Design work now competes with your chat and Claude Code usage for the same pool, so a heavy prototyping session will eat into what you have left for everything else.

Max 5x: $100 per month

Claude Max 5x costs $100 per month and gives you 5x the Pro usage. This is the sweet spot for power users running daily Claude Design sessions alongside heavy Claude Code or Claude Cowork work, precisely because all three now share one pool.

Max 20x: $200 per month

Claude Max 20x costs $200 per month for 20x the Pro usage, plus priority access to Anthropic's newest features and models. This is for designers and agencies treating Claude Design as their primary visual workflow.

Team and Enterprise

Team Standard is $25 per seat per month ($20 annually) and Team Premium is $125 per seat per month ($100 annually). Those Team plans run from 5 to 150 seats. Enterprise is custom-priced through sales and ships with Claude Design turned off by default, so an admin must enable it in Organization settings.

Once you exhaust your plan limits, Pro and Max users can switch on extra usage, sometimes called usage credits, and keep working. That overflow is billed at standard API rates rather than being included, so it is a metered top-up, not a bigger bucket. If you bought your subscription through the mobile app, you have to enable extra usage on the web.

Claude Design vs Figma vs Canva vs Fello AI

These four tools solve overlapping problems from different starting points. Claude Design generates from a prompt. Figma builds on a vector canvas with components. Canva assembles from templates and stock assets. Fello AI sits one level up, giving you Claude, ChatGPT, Gemini, Grok, and DeepSeek in a single app. Here is how they compare on the metrics that matter.

The short verdict. Use Claude Design when you need to go from idea to interactive output fast and you already pay for Claude Pro or higher. Pick Figma for production UI work, design systems, and developer handoff at scale. Use Canva for brand-consistent marketing collateral with stock assets. Choose Fello AI at $9.99 a month when you want several frontier models in one app and you do not need a design canvas at all.

Fello AI: a multi-model alternative for $9.99 a month

If you do not have a paid Claude plan and you mostly need AI-generated slides, documents, and everyday creation work, Fello AI is a cheaper way in. For $9.99 a month it bundles Claude, ChatGPT, Gemini, Grok, and DeepSeek, and its PowerPoint Skill produces real .pptx files straight from a chat conversation. The app runs natively on Mac, iPhone, and iPad with cross-device sync, and it holds a 4.7-star rating across more than 27,000 reviews.

The trade-off is the canvas. Fello AI does not give you a side-by-side visual editor, so it is not a replacement for a real design surface. It is the better choice when you want speed and one-app access to several models, and the weaker choice when you specifically need to push pixels. Plenty of people run both, Claude Design for work that needs a canvas and Fello AI for everything else.

How Claude Design fits with Claude Cowork and Claude Code

Anthropic now ships three Claude products that talk to each other, namely Claude Design, Claude Code, and Claude Cowork. The intended workflow is straightforward. Claude Design produces the visual artifact, Claude Code implements it, and Claude Cowork runs the long-horizon agent tasks on top, like research, document drafts, and analytics.

The June update tightened that loop considerably. All three now share one usage pool, one set of credentials, and one billing relationship, and /design-sync plus Handoff to Claude Code are the explicit bridges between visual work and shipped code. Claude Design also sends work out to Adobe, Base44, Canva, Gamma, Lovable, Miro, Replit, Vercel, and Wix, on top of PDF and PowerPoint export. If you want quick presentation generation outside the design canvas, our guide to converting PDF to PowerPoint with AI covers that workflow.

Limits and caveats

Claude Design is still in beta, and the constraints below matter before you commit a workflow to it. Enterprise organizations have it disabled by default and need an admin to opt in. Anthropic has never corrected its April launch post, which still claims the tool runs on Opus 4.7, so plenty of secondhand write-ups repeat a model claim the live product flatly contradicts. Whichever model you pick, its vision and reasoning limits apply to your designs as well. And because design work now draws from your shared pool, a long prototyping session directly reduces what you have left for chat and Claude Code.

On capability, the honest boundaries hold. For brand-heavy marketing collateral with consistent assets across dozens of pieces, Canva still wins. For complex multi-screen design systems with tight pixel precision, Figma still wins. Claude Design is at its best on the first 80% of a design, and most teams will hand the last 20% to a real designer. Anthropic has also shipped Claude Dreaming, its agent memory feature, which is worth watching if you plan to keep design sessions context-aware across weeks.

Schlussfolgerung

Claude Design spent its first two months as an impressive demo with a punishing usage cap. The June 17 update fixed the cap, taught it your design system, and wired it directly into Claude Code, which is what turns it into something you can actually put in a workflow. If you already pay for Claude Pro, Max, Team, or Enterprise, open claude.ai/design and run one of the example prompts above, and run /design-sync first if you have a codebase worth matching.

If you do not have a Claude subscription and you want several frontier models in one native Mac app instead, download Fello AI on the App Store. To compare the underlying models powering all of this, see our best AI models guide. If you are weighing the two big AI visual tools against each other, our head-to-head on Claude Design vs ChatGPT Images 2.0 breaks down which one wins for slides and mockups, and our walkthrough on how to use ChatGPT Images 2.0 to create visuals covers the OpenAI side in practice.

Claude Design: Anthropic's AI Tool (Access, Pricing, Uses)