Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Learn Claude Design | Claude Ecosystem and Tools
Claude for Everyday Work

bookClaude Design

Swipe to show menu

Note
Definition

Claude Design by Anthropic Labs helps you create visuals, interactive prototypes, presentations, and other design materials through a conversation with Claude.

Claude Design is a workspace for creating visual content using natural language. Instead of designing from scratch, you describe what you need, and Claude generates designs, prototypes, presentations, or mockups.

It combines idea generation, design, and iteration in one flow. You can refine results through conversation until they match your goal.

The key advantage is speed. You can quickly turn ideas into usable visuals and explore multiple directions without starting from a blank canvas.

Create or switch to your organization
expand arrow
  • Open Claude Design.
  • In the lower-left corner of the project picker, click the current organization name.
  • Select your organization or create a new one.
  • Complete the onboarding flow.
Upload brand and product assets
expand arrow
  • Upload the materials that represent your brand and product.
  • You can do this during onboarding or later from your organization settings.
  • Claude will analyze these assets and use them to create a reusable design system.
  • You can upload:
    • Codebases, such as a React component library.
    • Prototypes, such as screenshots, web flows, or design files.
    • Slide decks or documents, such as PowerPoint files or PDFs.
    • Individual assets, such as logos, color palettes, and typography examples.
  • One source is enough to start, but multiple assets give Claude more context.
Review the generated design system
expand arrow
  • Claude generates a design system, or UI kit, for your organization.
  • It may include:
    • Color palette
    • Typography
    • Reusable components
    • Layout patterns
  • Create a test project to check whether the output matches your brand.
Make it available to your team
expand arrow
  • Turn on the Published toggle when you are satisfied with the result.
  • After publishing, projects created from the Claude Design homescreen within your organization will use your custom design system instead of the default one.
Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 5. Chapter 2

Ask AI

expand

Ask AI

ChatGPT

Ask anything or try one of the suggested questions to begin our chat

Section 5. Chapter 2
some-alt