Claude Design 大改版：設計系統匯入、雙向打通 Code 和 Token 消耗改善

Anthropic 於 6 月 18 日宣布 Claude Design 大規模改版，主要亮點包括：支援從 GitHub 倉庫、設計檔或原始素材匯入設計系統；與 Claude Code 雙向打通；以及針對 Token 消耗問題的雙層改善方案。同步擴展 9 家匯出合作夥伴，包括 Adobe、Base44 等。

設計系統匯入：從 GitHub 倉庫匯入並鎖定品牌規範

此次改版的核心更新是重新打造的設計系統匯入功能。使用者現在可以從 GitHub 倉庫、設計檔或原始素材上傳設計系統；匯入後 Claude 會以這些元件為基礎進行創作，並在輸出前自動比對設計系統規範進行修正，使用者不會看到修正前的版本。

新版新增的管理員角色可以核准單一標準設計系統並鎖定編輯許可權，確保 Claude 產出的每個素材符合公司品牌規範。這與初版的本質差異在於：初版 Claude Design 更像空白畫布，輸出反映的是 Claude 的審美判斷；改版後則能依照品牌規範產出，適合擁有嚴格品牌規範手冊的大型企業。

Claude Code 雙向整合：/design-sync 和 /design 指令的功能說明

Claude Design 與 Claude Code 的雙向整合是第二項重大更新：

· 在 Claude Code 中輸入 /design-sync 指令，可將本地程式碼庫的設計系統匯入 Claude Design；設計完成後一鍵交給 Claude Code 進入開發階段，無需截圖或重建。

· 反向操作方面，在 Claude Code 終端機輸入 /design 指令，開發者可直接建立、編輯和同步設計專案，不必離開工作流程。

文章指出，設計與工程之間的交接是軟體開發領域數十年來最頑固的摩擦點之一。Figma Dev Mode、Zeplin 等工具試圖透過從設計檔產生規格與程式碼片段縮小差距，但轉譯過程始終有損耗。Anthropic 的賭注是：如果同一 AI 系統同時處理設計和程式碼、共用同一套元件庫，這個差距可以消除。

Token 消耗改善的雙層方案

Anthropic 的 Token 消耗改善分兩層：

共享用量池：Claude Design 現在的用量限額與對話、Claude Cowork、Claude Code 共用，而非從獨立的更小池子扣款，讓大多數使用者獲得更大緩衝空間。

提升每次生成效率：Anthropic 宣稱已降低每次生成的平均 Token 消耗，同時維持輸出品質；新的編輯器允許使用者直接拖曳、調整和對齊個別元素，無需為每個小調整消耗模型推論；數百項穩定性修復也減少了因錯誤和重新生成浪費的 Token。

文章同時指出，結構性矛盾仍然存在：生成式設計需要 Claude 同時推理版面、排版、色彩、間距、響應式與內容並產生完整可運作成品，工作負載遠高於對話問答。對 Team 和 Enterprise 方案的大用量客戶影響較小，但對 Pro 訂閱戶而言此問題仍然存在。

常見問題

設計系統匯入功能對哪類用戶最有價值？

根據文章，設計系統匯入對大型企業最具戰略意義——這些組織擁有嚴格的品牌規範手冊，需要確保 Claude 的每個輸出都符合公司視覺標準。初版 Claude Design 的「空白畫布」定位對個人或新創用戶夠用，但對擁有 200 頁品牌規範的大型企業根本無法採用。

Claude Code 的雙向整合是否需要額外訂閱？

文章中未披露是否需要額外訂閱，僅說明整合透過 /design-sync 和 /design 指令實現。具體定價和訂閱要求需參考 Anthropic 官方公告。

9 家匯出合作夥伴中，Claude Design 在工作流程中扮演什麼角色？

根據文章和各合作夥伴的表述，Claude Design 定位為「創意中樞」而非終點站——它是設計工作流程的起點，Adobe、Canva、Vercel 等合作夥伴負責後續的打磨、協作和部署。Replit 總裁 Michele Catasta 描述為「在創意萌芽之處接住建造者」，Vercel 的 Andrew Qu 則談到「直接把概念推到 Vercel 上線」。