Claude Design 可將獲准品牌資料轉成新設計與簡報可用的系統。有用的成果不只是配色,而是一套已儲存、經審核的色彩、字體、元件與版面規則,且能在新設計中檢查其應用。本指南供有權處理來源檔案並核准成果的品牌負責人或設計師使用。這是依據文件整理的流程;BIG CHANGE 並未在 Claude 帳戶中建立或測試系統。

重要改變

  • 改變了什麼: Claude 目前的對話與 Artifacts 路徑,讓獲授權負責人能從核准的品牌參考資料建立可重複使用的規則。產生的系統仍須經過審核,才能交給團隊使用。
  • 為何重要: 比對並修正規則,再測試新設計,能幫助負責人確認已儲存系統是否將預期品牌規範帶入實際作品。
  • 應注意什麼: 負責人仍須驗證該設計的規則繼承、素材與字體權利、無障礙檢查和最終分享對象。第一份成果好看,並不代表這些問題已解決。

準備來源與帳戶

設計系統功能在 Pro、Max、Team、Enterprise 方案中處於測試階段。基本 Claude Design 的提供範圍較廣,但不代表每個帳戶都有 Design systems 功能。確認預定組織及帳戶。Enterprise 負責人可能須在 Organization settings > Artifacts 啟用 Design systems;組織設定與自訂角色也可能限制存取。如果有儲存或資料落地要求,提交檔案前先處理:Anthropic 表示 Claude Design 目前不支援資料落地要求,上傳素材會持續儲存。

至少收集一份核准來源,例如目前品牌指南、獲准標誌與字體、代表性簡報或自有元件庫。逐項記錄擁有者、版本、使用與處理權利、已知衝突。色彩值、字體授權或標誌規則有衝突時,請品牌負責人裁決。尚無決定的事項應保持未決;Claude 不能代替擁有者核准品牌值。選擇團隊真正需要的代表性設計,並決定誰能審核、之後誰能收到系統。

保留私人工作紀錄,包含來源版本與權利、帳戶與組織、系統名稱與擁有者、審核的修訂版。預留色彩角色與值、字體家族與授權、標誌變體與規則、元件變體與狀態、間距與版面規則、獨立無障礙結果、測試設計身分、核准及分享回讀紀錄。這些是你自己的審核紀錄,不是 Claude 承諾的欄位。

建立並審核系統

  1. 在預定帳戶開啟 Design systems。 確認功能可用且組織正確。Anthropic 目前允許在對話中要求 Claude 依連接或上傳的品牌資料建立系統,再到 Settings > Design systems 管理。若無法存取,先記錄實際方案、功能或角色障礙。不要把敏感素材轉到個人帳戶來繞過限制。
  2. 提供核准參考資料及範圍明確的請求。 只上傳或連接允許處理的資料。用自然語言即可:「依這些核准參考資料建立設計系統。為每個提議色彩、字體規則、標誌要求、元件及版面模式指出來源。將缺少或衝突的規則標示出來,交由負責人審核,不要自行創造。」記錄實際輸入版本及系統身分。若已有由 React 元件組成的真正設計系統,Anthropic 也介紹了在 Claude Code 使用 /design-sync 的另一條路徑;僅限程式碼與存取均獲授權時使用。
  3. 將生成系統與來源逐項核對。 在其產物中檢查所有重要色彩角色及值;字體家族、字重、尺寸層級與授權;標誌變體、安全留白與禁用方式;元件、變體與狀態;間距、網格與版面模式。確認說明指出每條規則適用時機。無依據或缺漏項目標為未解決,修改前取得負責人決定。看起來合理的生成標誌概念,不會因此成為獲授權品牌標誌。
  4. 修正、記錄並儲存審核版本。 只要求 Claude 修改有核准來源或擁有者明確決定支持的規則。重新開啟已儲存系統,對照修正值與參考資料。保留自己的日期化變更紀錄及獲准的規範副本:Anthropic 表示 Claude Design 尚無版本歷史。為預定測試的修訂版記下系統身分、擁有者、來源版本、審核人及未決事項。
  5. 在系統產物之外進行檢查。 用獨立對比度工具,依專案適用標準測量預定文字與背景配對,包括元件狀態。WCAG 2.2 最低文字準則為一般文字 4.5:1、大型文字 3:1,並適用列明的例外。在實際設計中能檢查的地方,確認字體權利與可讀性、響應式版面、焦點可見性及鍵盤行為。Anthropic 表示系統產物內的即時元件預覽無法以 Tab 抵達並操作;閱讀名稱和註記不等於鍵盤測試。無法做的檢查記為未解決。對比度合格不能證明整體無障礙。
  6. 在新作品中測試規則繼承。 從對話或 Artifacts 的 Design 範本開始新的代表性設計,附加或選取審核後的系統。在相關尺寸檢查實際畫布,將色彩角色、字體、標誌用法、元件、狀態、間距與儲存修訂版比對。規則偏離時,視情況修正系統或設計,再建立或更新測試並重查。在預定帳戶重新開啟系統及測試設計。一次成功只顯示該設計的情況,不能保證往後所有輸出。
  7. 只在負責人決定後分享。 設計起初為私人狀態。若成果是私人審核系統,就維持私人並記錄。如果團隊使用獲准,使用 Artifacts 目前的分享控制項,再回讀實際對象。有 Design systems 存取權的人可建立系統並分享給指定人員;分享給所有人或設為組織預設值,須由 Owner 或 Primary Owner 操作。系統必須先分享給所有人,才能成為預設。要將別人的系統分享給全組織,Owner 或 Primary Owner 必須先收到創作者授予最高存取層級的邀請。在正確帳戶確認最終擁有者、對象和預設值。獨立應用程式 claude.ai/design 有不同發布控制項,預定 2026 年 12 月 14 日關閉;其 Published 開關不是 Artifacts 分享步驟。

成果未通過檢查時

功能不可用時,檢查方案、Artifacts 設定與角色,停在明確的存取邊界。上傳或連線失敗時,先查看回應和獲准來源,再有限重試。來源衝突交回品牌負責人,不要以生成值補缺。儲存規則或新設計與核准參考不同時,修正後重新比對。分享變更結果不確定時,重試前先回讀目前對象與預設值。品牌之後改版,須重新審核受影響規則和測試設計。

Claude Design 與 Claude 其他功能共用使用額度,包括 Claude Code;啟用後可能有額外使用點數。大型輸入與反覆修改會消耗更多額度。本指南未量測時間、費用或輸出品質。Anthropic 介紹了 ZIP、PDF、PowerPoint、獨立 HTML 等設計匯出,不能據此認定系統會自動匯出 CSS、JSON、Tailwind 或 Figma 設計權杖。承諾交付前,請在目前實際產品核實所需下游格式。

完成條件是:儲存系統有明確擁有者及審核版本;重要色彩、字體、標誌、元件與說明可追溯至核准來源;獨立檢查有紀錄且未決事項清楚;新設計明顯使用審核系統;實際對象及預設狀態已回讀確認。另一種為 Claude Code 製作擁有者核准設計規格的方式,可看我們的DESIGN.md 指南。

資料來源與延伸閱讀