Claude Design 大改版：匯入設計系統、雙向打通 Code，緩解吃 Token 噩夢

Anthropic 週三宣布 Claude Design 大規模改版，主要亮點包括支援從 GitHub 倉庫匯入設計系統、與 Claude Code 雙向打通，以及解決上線初期被大量抱怨的 Token 消耗過快問題。
（前情提要：Anthropic 推出視覺設計神器「Claude Design」！一句話秒做簡報、企劃書、App 原型）
（背景補充：Anthropic 研究：領域專業比寫程式能力，更能決定 Claude Code 生成效果）

本文目錄

視覺設計工具 Claude Design，在今年 4 月以「研究預覽」形式低調推出後，首週即吸引超過 100 萬使用者，但也立刻暴露一個致命問題：Token 消耗量極度驚人。

PCWorld 評測員僅用了約 25 分鐘、產生 3 種網頁原型變體，就燒掉 80% 的 Claude Pro 週配額。如今 Anthropic 在週三推出大規模改版，從根本解決吃 Token 難題，更重要的是將 Claude Design 從炫技 demo 升級為具戰略意義的企業級設計合規平台。

設計系統匯入：從「空白畫布」到「品牌合規引擎」

這次改版最核心的更新並非拖放編輯器或匯出擴充，而是重新打造的設計系統匯入功能。

使用者現在可以從 GitHub 倉庫、設計檔或原始素材上傳一組或多組設計系統；匯入後 Claude 會以這些元件為基礎進行創作，並在輸出前自動比對設計系統規範進行修正，使用者甚至看不到修正前的版本。

對大型組織而言，新版新增的管理員角色可以核准單一標準系統並鎖定編輯許可權，確保 Claude 產出的每個素材都符合公司品牌規範。這與 4 月版本的定位有本質差異，當時 Claude Design 更像一塊空白畫布，使用者給什麼提示它就生成什麼，輸出反映的是 Claude 的審美判斷而非品牌的視覺標準。

對於一人接案者或新創團隊而言這或許夠用，但對擁有 200 頁品牌規範手冊的大型企業來說，根本無法採用。

Claude Code 雙向打通：終結設計與開發的鴻溝

第二項重大更新是 Claude Design 與 Claude Code 的雙向整合。使用者在 Claude Code 中輸入 /design-sync 指令，即可將本地程式碼庫的設計系統匯入 Claude Design；設計完成後一鍵交給 Claude Code 進入開發階段，不需要截圖、不需要重建。

反過來說，在 Claude Code 終端機輸入 /design 指令，開發者可以直接建立、編輯和同步設計專案，不必離開自己的工作流程。

設計與工程之間的交接是軟體開發領域數十年來最頑固的摩擦點之一。Figma 的 Dev Mode、Zeplin 等工具都試圖透過從設計檔產生規格與程式碼片段來縮小差距，但轉譯過程始終有損耗，設計師的原型和工程師的實作終究會偏離，引發一輪又一輪的視覺 QA 和「這跟 Mockup 不一樣」的對話。

Anthropic 的賭注是：如果同一個 AI 系統同時處理設計和程式碼，且兩種模式共用同一套元件庫，這個差距就會消失。

Token 消耗有解，但生成式設計的經濟學依然緊繃

Token 消耗問題是 Claude Design 從上線第一天就背負的結構性威脅。月費 20 美元的 Pro 訂閱戶可能在一次 30 分鐘的會話中就燒光整週額度，這意味著該工具對帶動其初期病毒式傳播的個人使用者和小型團隊幾乎無法使用。

Anthropic 的對策分兩層。首先，Claude Design 現在的用量限額與對話、Claude Cowork、Claude Code 共用，而非獨立從一個更小的池子扣款，這讓多數使用者獲得更大的緩衝空間。

其次，公司宣稱已降低每次生成的平均 Token 消耗，同時維持輸出品質，錯誤率也大幅下降。新的編輯器允許使用者直接拖曳、調整和對齊個別元素，不必為了每個小調整都消耗一次模型推論。數百項穩定性修復也減少了因錯誤和重新生成而浪費的 Token。

然而，結構性的矛盾仍然存在：生成式設計本身就是在 Token 密集度極高的任務。Claude 每次產出變體都需要同時推理版面、排版、色彩、間距、響應式與內容，然後產生完整的可運作成品，這跟回答一個對話問題是完全不同量級的工作負載。

Anthropic 的效率改進可以推遲斷點，但無法消除根本的經濟學問題。對於 Team 和 Enterprise 方案的大用量客戶，這或許不是問題；但對 Pro 訂閱戶來說，這筆帳仍然很緊。

9 家匯出夥伴：Claude Design 定位為創意中樞而非終點站

第三大更新是匯出生態系的擴張。Claude Design 現在可以將作品直接匯出至 Adobe、Base44、Canva、Gamma、Lovable、Miro、Replit、Vercel 與 Wix，外加 PDF 與 PowerPoint。

Replit 總裁 Michele Catasta 形容整合是「在創意萌芽之處接住建造者」；Canva 的 Anwar Haneef 將從 Claude Design 到 Canva 的流程描述為「從初稿到成品，保持品牌一致、針對當下場景個人化」；Vercel 的 Andrew Qu 則談到「直接把概念推到 Vercel 上線」。

在每段敘述中，Claude Design 都是起點，合作工具負責打磨、協作與部署。