aiux
PatternsPatternsNewsNewsAuditAuditResourcesResources
Overview

Setup

  • What Claude Design Is (and Isn't)
  • Your First Prompt: The Four-Part Framework
  • Importing Assets: Screenshots, Docs, and Codebases

Iteration

  • Iterating via Conversation
  • Inline Comments and Direct Edits
  • Tweaks: Explore Variations Without Chat

Design-system

  • Extracting Your Design System
  • Publishing and Applying Your Design System
  • Team & Enterprise Setup

Workflows

  • Prompt to Interactive Prototype
  • Prompt to Pitch Deck
  • Handoff to Claude Code for Implementation
  1. Guides
  2. /
  3. Claude Design Guide for Designers
  4. /
  5. Publishing and Applying Your Design System
design-systemLesson 8 of 12

Publishing and Applying Your Design System

2 min readClaude Design for DesignersUpdated Apr 21, 2026

A design system sits as a Draft until you flip one toggle. Published systems show up in every new project's setup flow, so anyone in the org can pick the right system at creation time. No re-uploading brand assets, no repeating brand prompts.

How to publish

1

Open organization settings

Click your organization name in the lower-left, then the 'Design systems' tab at the top. Every system you've created appears in the list, each with its own Draft/Published toggle.

2

Flip the toggle

Click the toggle in the right-hand column of your system's row. It switches from 'Draft' to 'Published' inline, no confirm dialog, no separate screen.

3

Check the sidebar

Head back to the homescreen. The New-prototype panel now shows a 'Design system' dropdown above Wireframe / High fidelity, proof your system is available for any new project.

Claude Design 'Organization settings → Design systems' view. Multiple design systems are listed, each with a Make default button and a Draft/Published toggle. aiuxdesign.guide Design System is in Draft. The New-prototype panel on the left shows a 'Set up design system' CTA because no system is published yet.
Before. Draft toggle means the system exists but isn't selectable at project creation. New prototypes fall back to a generic look.
Same view after flipping aiuxdesign.guide Design System to Published. The toggle is now blue and labeled 'Published'. The New-prototype panel on the left now shows a 'Design system' dropdown selector above the Wireframe / High fidelity cards, the system is now pickable at project creation.
After. Once published, the system shows up as a selectable option in the New-prototype panel.

Published vs. Make default

The 'Make default' button next to each system is a separate setting from the Publish toggle. Published means 'pickable at project creation'. Default means 'pre-selected in the dropdown'. You can publish many systems but only one is the default, useful when you have a primary brand plus a couple of sub-brands or white-label variants, and you want the primary one auto-selected.

Updating a published system

1

Open the system

From the design-systems list, click 'Open' on the right side of the row (not the toggle).

2

Remix via chat

Inside the system, use Remix to refine via chat. 'Add a dark-mode variant of the primary palette.' 'Introduce an error state for buttons.' Remix keeps the system published, your edits flow through live.

3

Flip back if you break it

If a Remix change makes the system worse, toggle back to Draft to pull it from new-project selection while you fix it, or delete the system and restore from an earlier source.

Validate before you rely on it

Before publishing widely, create a test project with a prompt representative of what your team builds. If the test output doesn't feel on-brand, the system source wasn't rich enough, go back to Lesson 7 and add more sources.

Set-up reference
  • Set up your design system in Claude Design· Claude Help Center

Your team inherits the system

  • Published the system
  • Know how to Remix it later
  • Validated with a test project

Last design-system lesson: team and enterprise setup for admins.

← Previous LessonExtracting Your Design SystemNext Lesson →Team & Enterprise Setup
← Back to Claude Design Guide for Designers overview

On this page

  • How to publish
  • Published vs. Make default
  • Updating a published system

aiux

AI UX patterns from shipped products. Demos, code, and real examples.

Have an idea? Share feedback

Get daily AI UX news

Resources

  • All Patterns
  • Browse Categories
  • Contribute
  • AI Interaction Toolkit
  • AI UX Audit
  • Agent Readability Audit
  • Newsletter
  • Documentation
  • Figma Make Prompts
  • Designer Guides
  • All Resources →

Company

  • About Us
  • Privacy Policy
  • Terms of Service
  • Contact

Links

  • Portfolio
  • GitHub
  • LinkedIn
  • More Resources

Copyright © 2026 All Rights Reserved.