Claude Design is the part of Claude you use to create visual work in a conversation: mockups, clickable prototypes, one-pagers and landing pages. With a connected design system, every design follows your own house style.
Since 16 September 2026, Claude Design has been one of the templates in Claude artifacts and is included in every plan, including the free plan. Anthropic launched the tool on 17 April 2026 as a separate workspace at claude.ai/design; that separate site remains available until 14 December 2026.
Many explanations online still describe Claude Design as a research preview for paid plans. According to Anthropic’s help article, Design is on by default on Free, Pro, Max and Team, and on Enterprise since 15 October 2026. Ultra, formerly Max 20x, includes everything in Max.
What can you make with Claude Design?
With Claude Design, you create visual work that you would otherwise build in a design tool or a presentation program. Anthropic lists five types of output:
- Mockups of screens, pages and flows
- Clickable prototypes you share for feedback
- One-pagers, such as a product sheet or an explainer page for clients
- Landing pages and other marketing material
- Individual visual elements for social media or a campaign
Presentations have their own template in Claude, Slides, built for decks based on notes, reports or earlier work in the conversation, with export to PowerPoint or PDF. You can also export a design from Design to PPTX, which is handy for a visual slide or a prototype in a presentation.
For a professional firm, this usually means material for clients. A notary’s office puts the steps in buying a home on a single page. An accountancy firm makes an overview of the quarterly submission deadlines. A marketing agency shows a client a mockup of a new landing page before a line of code has been written.
Is Claude Design free?
Claude Design is free to use with a free Claude account. According to Anthropic’s help article, Design is on by default on Free, Pro, Max, Team and Enterprise, with no separate price. Ultra, the new name for Max 20x, includes everything in Max and therefore Design as well.
A separate allowance for Design no longer exists. Every design uses your plan’s shared usage limit, the same limit your conversations and Claude Code use. When you reach the limit, you wait for the reset, unless you have enabled extra usage with usage credits.
Free has the lowest usage limit, so intensive design work hits the ceiling there first. How much more room Pro, Max and Ultra give depends on what Claude costs per plan.
On Enterprise, Design has been on by default since 15 October 2026. An owner of the organisation manages that setting under Organization settings > Artifacts.
Where do you find Claude Design in the chat and the app?
You can open Claude Design in four places, and in each one the design appears next to the conversation:
- In a conversation: ask for a design or choose Output > Design in the input field
- In the Artifacts tab: choose the Design template
- In Claude Code: ask for a design or type /design, in the desktop app or in the terminal
- In the iOS or Android app: ask for a design in a conversation and open it later in the Artifacts tab
You can only change sharing settings on the web or desktop, not in the mobile app. The separate site claude.ai/design keeps working until 14 December 2026, and you can move a design system you set up there to the new environment.
How do you create a design step by step?
To create a design with Claude Design, you go through five steps:
- Open a conversation and choose Output > Design, or ask for a design straight away.
- Describe the goal, audience, format and desired look in a single instruction.
- Review the first version and say for each part what you want changed.
- Refine the design in the conversation, with comments on a part or with direct edits on the canvas.
- Export the result or share it via a link.
An example instruction for a notary’s office:
Make an A4 one-pager for clients buying a home. Audience: buyers without legal knowledge. Show in five steps what happens after the provisional purchase agreement is signed, with the key handover as the last step and, for each step, who supplies what. Calm look in dark blue and white, no stock photos.
An example instruction for a marketing agency:
Design a mockup of a landing page for an installation company in Eindhoven that fits heat pumps. A hero with one promise, three benefits, a price indication and a quote request form. Make three variants with a different hero layout.
Leave clients’ and customers’ personal data out of such an instruction. An example with made-up names produces the same design.
How do you load your house style?
To load your house style, you connect a design system to Claude Design, so that subsequent designs use your colours, typography and components.
According to Anthropic, you can import a design system in four ways: from a GitHub repository, from design files, via uploads or from a local codebase with /design-sync in Claude Code. You can keep several design systems side by side, which an agency with several clients needs in order to keep house styles separate.
On Enterprise, an administrator decides for each user who can publish design systems, set them as default or delete them. The quality of the result follows the source: a codebase with consistent component names produces a more usable design system than scattered files with inconsistent colours.
Which formats can you export a design to?
You can export a design from Claude Design to five file formats, or send it on to another tool. The table lists what each route is for.
| Format or route | Use |
|---|---|
| Share or print a one-pager | |
| PPTX | Edit further in PowerPoint |
| Google Slides | Edit further in Google Workspace |
| Standalone HTML page | Hand over or publish a prototype or landing page |
| Zip file | Save all files of a design in one go |
| Canva, Miro, Adobe, HubSpot or Wix | Finish or place it in the tool your team already uses |
| Vercel, Netlify, Replit, v0 or Lovable | Develop a prototype into a working site |
| Claude Code | Convert to code, locally or in the web version |
How does Claude Design relate to Artifacts?
Since 16 September 2026, Claude Design has been a template within Artifacts, alongside Docs and Slides. A design is therefore an artifact with a visual workspace added.
Design therefore follows the artifact rules for sharing. A new design is private by default, and you share it with the Share button. On Pro, Max and Ultra you choose between only you and anyone with the link; on Team and Enterprise, sharing stays within the organisation by default, and an owner decides whether sharing outside it is allowed. Publishing with a public link now exists only for legacy artifacts from before 16 September 2026.
The frontend-design skill is a different product with a similar name. Claude skills are reusable instruction sets that Claude applies automatically, and the frontend-design skill helps Claude Code write better interface code. If you already work in code, use that skill; if you want to explore visually first without code, use Design.
When should you still choose Figma or Canva?
Figma or Canva is a better fit than Claude Design as soon as a design goes into production or stays within fixed templates.
Figma remains the place for pixel-perfect production design, component libraries and teams working together in one file. Canva is faster for recurring marketing material based on fixed templates. Claude Design is strong in the exploration phase, when you want to see three variants of a page side by side in a single conversation.
The export route to Canva makes the combination practical: explore in Claude Design and finish in Canva.
What should you watch for in business use?
In business use of Claude Design, watch out for three things: what data you enter, which terms apply and who checks the final result.
Free, Pro, Max and Ultra fall under Anthropic’s Consumer Terms. There, the Model Improvement setting (Settings > Privacy) determines whether your conversations are used for training. Team and Enterprise fall under the Commercial Terms, with a data processing agreement and no training by default. So do not put clients’ personal data into a design instruction on a personal account without a legal basis and agreements with the processor.
Claude Design generates layouts based on patterns and does not check whether a design complies with your brand rules, accessibility requirements or mandatory legal notices. From my time at major banks, I bring the four-eyes principle to my AI work: a design that goes to a client is reviewed by a second person before it leaves the building.
Claude Design also remains an Anthropic Labs product that is still changing; the closure of claude.ai/design on 14 December 2026 is one example. In the Claude Course you set up projects, put skills and connectors to work for your own tasks and check output before you use it.
Frequently asked questions about Claude Design
If you use Claude Design for business, you will often also want to know about rights and collaboration.
Who owns the rights to a design from Claude Design?
The rights to a design from Claude Design are yours, insofar as rights in the output exist. On personal plans, such as Free and Pro, Anthropic assigns its rights in the output to you in the Consumer Terms, provided you comply with the terms. For Team and Enterprise, the Commercial Terms state that the customer owns the output.
Can you collaborate with colleagues on a design in Claude Design?
Yes, you can collaborate with colleagues on a design in Claude Design by sharing it with the Share button. A design is private by default, and you choose the role for each person, from view only to edit. According to Anthropic, simultaneous editing by several people is still limited and does not always work reliably. So agree who makes changes and when.
Can you use an existing design as a starting point in Claude Design?
Yes, you can use an existing design as a starting point in Claude Design by uploading screenshots or wireframes. Anthropic also mentions inspiration images and competitors’ products as possible uploads. State in your instruction what you want to take from the example and what should be different. Remove personal data from screenshots before you upload them.
