Claude Design · We Love Claude

What it is

Documentation update — 7 October 2026. Design now works inside conversations, from Output → Design, from an Artifacts template, and through /design in Claude Code. The standalone experience remains available through a link in the new gallery.

Claude Design is a visual design environment. You describe what you want — a dashboard, an onboarding flow, a landing page, a deck — and Claude builds it on a canvas you can edit beside it. Chat on the left, canvas on the right.

Every project picks up your organisation’s design system automatically, so output is on-brand without per-project setup.

It’s in beta on Pro, Max, Team and Enterprise plans, and default off for Enterprise — an admin has to turn it on.

Where to find it

On desktop

Choose Sidebar → Design. The inspected page is an artifact-based Design gallery, with All, Yours and Shared with you, search, grid view and a type filter. It shows a migration banner linking to the standalone homepage.

On the web

Choose Sidebar → Design. The same gallery offers Slides (Beta), Design (Beta), Design in codebase (New) and Design System creation cards.

The banner explains that new Slides and Design projects are created as artifacts. Visit the standalone homepage opens the older standalone experience, which the official guide says remains available.

How to use it

Start from the current gallery

Choose Design (Beta) or Slides (Beta) under Make something new. The gallery also offers Design in codebase and Design System. Creation and editing were not exercised in this inspection; the following workflow is documented by Anthropic.

Write a good first prompt

A strong prompt covers goal, layout, content and audience — “Create a dashboard showing monthly revenue with filters for region and product line.” Attach context if you have it: screenshots, existing decks, wireframes, a code repository (link a subdirectory rather than a whole monorepo).

Iterate three ways

Chat — broad changes: colour scheme, layout structure, new sections, alternative directions.
Inline comments — click an element and ask for a targeted change: padding, colour, a component swap.
Direct canvas editing — quick visual adjustments by hand.

To branch without losing your current work, tell Claude “Save what we have and try a completely different approach.”

Find your work again

Use the Design gallery’s All, Yours and Shared with you tabs, search and type filter.

Export gives you a .zip, PDF, PPTX or standalone HTML. The current guide lists handoffs to tools including Adobe, Canva and Claude Code; Google Slides export is available only in standalone claude.ai/design. You can also share within your organisation by link — view-only, comment, or edit.

Set up a design system (design leads)

This is what makes output on-brand, and it only needs doing once per organisation.

Open claude.ai/design and go to your organisation in the project picker.
Upload source material: a codebase (a React component library, say), prototypes and screenshots, branded decks or PDFs, or individual assets — logos, colour palettes, type specimens. One source is enough; more is better.
Review the generated UI kit — palette, typography, components, layout patterns — and test it with a prompt like “Create a landing page for [your product].”
Toggle Published on. New projects in your organisation will use it from then on.

Good to know

Usage

Claude Design draws on the same usage limits as the rest of Claude. Design activity comes out of the shared pool you use for chat, Claude Code and Cowork — there’s no separate Design allowance to keep an eye on.

Admin controls (Team / Enterprise)

For Design inside conversations, use Organization settings → Artifacts. Enterprise defaults off; standalone Design has a separate setting.
Custom roles let you separate broad access from design-system-editing rights — editing for trusted designers, general access for everyone else.
Anthropic recommends a phased rollout: design system setup with two to four trusted designers → the design team → product and UX → the wider organisation.
Multiple design systems per organisation are supported, for different brands or sub-teams.

Known limitations

Inline comments sometimes don’t appear on the page. They’re still there — open the comments view.
Very large codebases can cause lag; link specific subdirectories instead.
On a “chat upstream error”, start a new chat tab within the same project.
Multi-person editing support is basic.
Mobile can request a design and view it in Artifacts. Templates, canvas editing and sharing changes require web or desktop.
Version history is not available yet.

What’s changed recently

2026-10-07 — Design navigation now opens an artifact-based gallery with Slides, Design, Design in codebase and Design System cards, plus a link to the standalone homepage. Creation/editing remains source-backed rather than exercised.
2026-10-07 — documentation review. Official guide now documents Design inside conversations and Claude Code, with mobile requesting/viewing. Standalone Design remains available; the current gallery was inspected, while its creation and editing workflows remain untested.
2026-09-13 — Claude Design is a beta, not a research preview, and it is no longer metered separately. Anthropic’s help centre now says design activity counts toward the same usage limits as the rest of Claude, so the per-plan weekly-allowance table this page carried — including the Enterprise usage-credit offer that expired in July — has been removed, along with its source, which now 404s. The Labs badge has gone from the desktop sidebar row; the badge that remains is Beta, on the wordmark inside the Design window. The home view is not a set of Designs / Examples / Design systems tabs as this page described: it’s a composer plus a CHOOSE A TEMPLATE gallery of fourteen tiles, with Design system, Start from code and Model controls under the composer and a Name / Last viewed / All owners gallery below. Export now includes Figma and Adobe alongside Canva and the handoff to Claude Code, and there’s a third way to iterate — editing the canvas directly.
2026-07-29 — The desktop sidebar entry’s label reads “Design (opens in a new window)”.
2026-06-18 — Claude Design arrived in the desktop app, opening a dedicated window; previously web-only.