建立設計系統可讓 Claude Design 產生符合您規格的輸出。它會從您提供的資產（程式碼庫、投影片或其他設計參考資料）中提取可重複使用的元件、顏色、排版和模式，並將其作為在您帳戶內建立的每個專案的基礎。
Claude Design 在 Pro、Max、Team 和 Enterprise 方案中以測試版形式提供。Free 方案不提供此功能。在 Pro 和 Max 方案中預設為開啟，您可以在「設定 > 功能」中將其關閉。在 Team 方案中也預設為開啟。在 Enterprise 方案中，預設為關閉，直到擁有者在組織設定 > 成品中將其開啟。claude.ai/design 上的獨立 Claude Design 體驗會繼續運作，並有其自己的單獨設定。
本指南適用於將設定設計系統的設計師或品牌擁有者。您只需執行一次；設定後，所有團隊成員的專案會自動使用它（適用於 Team 和 Enterprise 方案）。
注意：當您在 claude.ai/design 外部使用 Claude Design 時，您可以在設定 > 設計系統中管理設計系統。若要帶入現有的設計系統，請在設計標籤上的橫幅中按一下「遷移團隊設計系統」。遷移的設計系統可能需要進行一些清理，因此每個系統都會顯示一個橫幅，您可以在其中按一下「讓 Claude 清理它」，Claude 會整理其指南、權杖和元件。下面的步驟使用 claude.ai/design 上的獨立 Claude Design。
先決條件
您的組織管理員授予的設計系統設定權限。
至少提供以下其中一項作為來源資料：
包含您的設計系統或元件庫的程式碼庫
反映您視覺識別的投影片或文件
品牌指南資產（標誌、調色盤、排版規格）
步驟 1：建立或切換到您的組織
若要設定您組織的設計系統：
在專案選擇器的左下角，按一下目前的組織名稱。
選取您的組織，或建立新的組織。
您將被重新導向到上線流程。完成它。
步驟 2：上傳您的品牌和產品資產
在上線期間（或之後從您的組織設定），上傳定義您的品牌和產品的資產。Claude 將分析它們並提取可重複使用的設計系統。
要上傳的內容：
程式碼庫：如果您的設計系統存在於程式碼中（例如 React 元件庫），您可以連結或上傳儲存庫。Claude 將讀取元件和樣式。
原型：螢幕截圖、網頁流程和現有設計檔案。
投影片或文件：即使是反映您品牌的設計精良的 PowerPoint 或 PDF 也可以使用。Claude 會提取顏色、版面配置模式和排版選擇。
個別資產：標誌、調色盤檔案、排版樣本。
您只需要一個來源即可開始，但提供多個來源可讓 Claude 有更多可用的資訊。
步驟 3：檢閱產生的設計系統
上傳後，Claude 會為您的組織產生設計系統 (UI 套件)。這通常包括：
調色盤：從您的資產中提取的主要、次要和強調顏色。
排版：字型系列、大小和粗細。
元件：按鈕、卡片、導覽元素和其他可重複使用的 UI 模式。
版面配置模式：間距、網格系統和頁面結構。
若要驗證您的設計系統，請建立測試專案，並查看輸出是否符合您的品牌期望。嘗試以下提示：
「為 [您的產品] 建立登陸頁面。」
「設計顯示 [相關指標] 的儀表板。」
「製作關於 [您的團隊通常呈現的主題] 的單頁文件。」
步驟 4：將其提供給您的團隊
一旦您對設計系統品質感到滿意，請確保「已發佈」切換開關已開啟。發佈後，在您的組織中從 Claude Design 首頁建立的任何專案都將使用您的設計系統，而不是預設系統。
建立設計系統的其他方式
從 Claude Code：如果您的設計系統已作為 React 元件存在，請在 Claude Code 中執行 /design-sync。它直接讀取您的權杖和元件，最適合程式碼中的產品設計系統。
從對話：要求 Claude 從您連接的應用程式、上傳的檔案、Figma 檔案、投影片、標誌和字型建立設計系統。這最適合具有字型、顏色和指南的品牌設計系統。
獲得最佳結果的提示
包含真實範例，而不僅僅是規格。完成的登陸頁面或行銷網站比單獨的調色盤更能向 Claude 說明您品牌的感受。
反覆運算。如果第一次提取未能很好地捕捉您的品牌，請嘗試上傳其他或不同的資產。
更新您的設計系統
品牌會演變。當您的設計系統變更時，您可以在 Claude Design 中更新它。從您的 Claude Design 組織設定，按一下您要編輯的設計系統旁邊的「開啟」按鈕。按一下右上角的「重新混合」按鈕，以在視窗左側開啟聊天介面。從這裡，您可以與 Claude 合作來變更您的設計系統。