AgencyWorkPricing

Products

Export your brand

Guides · Updated Nov 5, 2026

How to use Claude Design

Claude Design is Anthropic’s tool for making designs, prototypes, slides and one-pagers by chatting with Claude. Start it from any Claude conversation or the Artifacts tab. Attach your design system, describe what you want, then refine on the canvas and export. It is on every Claude plan, Free included.

How to start Keep it on brand

What Claude Design is

  1. A canvas beside the chat

    Claude builds the design next to the conversation. You refine it by chat, by comments on one element, or by dragging, resizing and aligning it yourself.

  2. In Claude, not a separate app

    Ask for a design in any conversation, pick a Design template in the Artifacts tab, use /design in Claude Code, or ask from the mobile apps.

  3. From Anthropic Labs

    Launched April 17, 2026 as a research preview. The standalone site at claude.ai/design closes December 14, 2026.

Is Claude Design free?

Yes, on every Claude plan.

Claude Design examples: what it makes

Make

  • Designs and mockups
  • Interactive prototypes
  • Slides
  • One-pagers
  • A branded one-pager from a proposal
  • A clickable flow to react to before a spec

Export and send to

  • .zip
  • PDF
  • PPTX
  • Google Slides
  • Standalone HTML
  • Canva
  • Adobe
  • Gamma
  • HubSpot
  • Miro
  • Claude Code

How to start

  1. Start a design

    In a conversation, choose Output, then Design. Or open the Artifacts tab and pick a Design template.

  2. Attach your design system

    Pick the system that holds your colors, type and components.

  3. Add context

    Screenshots, existing assets, a deck, a document or a codebase.

  4. Describe it

    Name the goal, the layout, the content and the audience.

  5. Review the canvas

    Claude builds a first version and may ask questions first.

  6. Refine

    Comment on one element for a targeted change. Edit directly for quick visual fixes.

  7. Export or share

    Designs start private. Share to let people view, comment or edit.

How to keep Claude Design on brand

  1. Set up a design system

    Give Claude a codebase, a deck, logos, a palette or type specs. It pulls out colors, type, components and layout. Claude checks its output against the system before you see it.

  2. Give it real examples

    Anthropic’s own tip: add finished work, like a real landing page, not only specs. If the first pass misses, upload more.

  3. Write the rules down

    A design system holds the look. Voice, logo rules and what never to do belong in a skill or a DESIGN.md.

    Brand guidelines in Claude

  4. Lock it for the team

    An admin can approve one standard system for the team and lock edits.

Where it falls short for marketing teams

It makes a version fast. It does not decide what is on brand.

  1. It is only as good as its inputs

    A thin design system gives generic work. Most brands live in a PDF and a few people’s heads, not in a file Claude can read.

  2. Design systems need a paid plan

    Claude Design is on Free. Design systems are a beta on Pro, Max, Ultra, Team and Enterprise.

  3. Someone still checks every piece

    More people can make assets. Someone has to decide which ones are on brand before a buyer sees them.

  4. Big jobs use your limit

    Design work shares your plan’s usage limits with the rest of Claude. Large codebases and many rounds use more.

  5. No Figma export

    Figma is not on Anthropic’s export list. A team that finishes work in Figma needs another route.

Go deeper

From a file to finished work

  1. 01

    Export your brand

    Turn your website into a DESIGN.md and a Claude skill. Free.

    AI brand export
  2. 02

    See what is missing

    Check what AI tools can read of your color, type, logo and voice.

    Free brand audit
  3. 03

    Hand off the making

    A senior design lead and an engine make the work in your brand.

    AI design agency

Questions

How do I use Claude Design?

Start from a Claude conversation or the Artifacts tab. Attach your design system, add screenshots or files, and describe the goal, layout, content and audience. Refine on the canvas, then export or share.

Is Claude Design free?

Yes. It is on every Claude plan, Free included. It counts toward your plan’s usage limits, and design systems are a beta on paid plans only.

What can Claude Design make?

Designs, interactive prototypes, slides, one-pagers and mockups. Export them as PDF, PPTX, Google Slides, HTML or a .zip, or send them to Canva and other tools.

Does Claude Design use my brand?

When you give it a design system. Build one from a codebase, a deck, logos, colors and type specs. Claude checks its output against it.

Are there Claude Design templates?

Claude Design is itself a template: open the Artifacts tab and pick a Design template. Your design system then sets the look.

Can I export Claude Design to Figma?

Not directly. Figma is not on Anthropic’s export list. Figma can capture a working UI from Claude Code as editable frames.

Is claude.ai/design going away?

The standalone site closes December 14, 2026. Claude Design keeps working inside Claude, and design systems can be moved over before then.

Does Claude Design work in Claude Code?

Yes. Use /design to create, edit and sync designs, and /design-sync to pull in a design system from your code.

Claude makes the draft. Someone still holds the bar.

Book a creative session Or run the free brand audit