Set up your design system in Claude Design (original) (raw)

All Collections
Claude
Features and capabilities
Set up your design system in Claude Design

Creating a design system allows Claude Design to produce outputs that fit your specifications. It extracts reusable components, colors, typography, and patterns from the assets you provide—codebases, slide decks, or other design references—and uses them as the foundation for every project created within your account.

This guide is for the designer or brand owner who will set up the design system. You only need to do this once; after setup, all team members’ projects automatically use it (for Team and Enterprise plans).

Prerequisites

Step 1: Create or switch to your organization

To set up your organization’s design system:

Step 2: Upload your brand and product assets

During onboarding (or afterward from your organization settings), upload the assets that define your brand and product. Claude will analyze them and extract a reusable design system.

What to upload:

You only need one source to get started, but providing multiple gives Claude more to work with.

Step 3: Review the generated design system

After uploading, Claude generates a design system (UI kit) for your organization. This typically includes:

To validate your design system, create a test project and see if the output matches your brand expectations. Try prompts like:

Step 4: Make it available to your team

Once you’re satisfied with the design system quality, make sure the “Published” toggle is switched on. After publishing, any projects created from the Claude Design homescreen while in your organization will use your design system instead of the default.

Tips for best results

Updating your design system

Brands evolve. When your design system changes, you can update it within Claude Design. From your Claude Design organization settings, click the “Open” button next to the design system you want to edit. Click the “Remix” button in the upper right corner to open the chat interface on the left side of the window. From here, you can work with Claude to change your design system.

Claude Code FAQ Use Claude for PowerPoint Claude Design admin guide for Team and Enterprise plans Get started with Claude Design Use Claude Security