Anthropic 升級 Claude Design：支援匯入設計規範，無縫聯動 Claude Code

用 AI 畫網頁或者做海報，最讓人頭疼的往往不是生不出來，而是生出來的東西根本不像自家的產品。字型是亂配的，按鈕圓角對不上，主色調差了兩個色階，到頭來設計師還是得去 Figma 裡重畫一遍。

Anthropic 顯然也發現了這個問題。上線第一週吸引了超過 100 萬人試用之後，Claude Design 迎來了一次大更新，重點就放在怎麼讓 AI 聽話地守規矩。

現在 Claude Design 已經住進了 Claude 桌面客戶端的側邊欄，也可以在網頁端直接開啟。這次最大的變化，是它開始真正支援團隊的自有設計規範。

匯入設計規範，給 AI 套上籠子

過去讓 AI 做設計，你得在提示詞裡拼命叮囑「主色是 #FF0000、用無襯線體」。現在你可以直接從 GitHub 倉庫、設計檔案或者原始檔案裡，匯入一套甚至多套設計規範。

拿到規範後，Claude 會用你現有的元件來搭介面，並在把圖交給你之前，自動對著規範檢查一遍。如果哪裡的顏色或間距跑偏了，它自己會在後臺糾正完再顯示。

對於大團隊，Anthropic 還加了一個管理員角色。管理員可以鎖定一套標準設計規範，不允許其他人隨意改動，防止團隊成員生出來的圖五花八門。

畫布本身也變得更像傳統設計軟體了。新編輯器支援直接拖拽、縮放尺寸和對齊元素，不再只能靠純打字叫 AI 重新排版，官方稱還修掉了數百個日常崩潰的穩定性問題。

打通 Claude Code，不用再靠截圖傳話

如果你既寫程式碼又做設計，這次更新最爽的地方在於它和 Claude Code 的聯動。

以前把設計稿交給開發 AI，最常見的土辦法是截個圖扔進對話方塊，AI 只能靠猜去臨摹介面。現在在終端裡敲一個 /design-sync，就能直接拉取設計系統開始幹活；設計做好了，可以直接無縫移交給 Claude Code，程式碼端直接接著底層元件往下寫，中間完全不需要截圖重做。

反過來也一樣。你在寫程式碼時突然缺個頁面原型，可以直接在 Claude Code 終端或桌面端敲 /design 讓它畫一個，甚至直接把程式碼反向變成可互動的原型。

做完之後匯出也很省事，除了能匯出可靠的 PDF、PowerPoint 和 HTML，Anthropic 還拉來了一長串第三方聯結器，包括 Adobe、Canva、Figma 競品 Lovable、Miro、Replit、Vercel、Gamma 和 Wix。

額度方面也有好訊息：Claude Design 現在和 Claude 的其他功能（包括 Claude Code）共享使用額度，官方表示大多數人日常碰壁的頻率會低很多。

為什麼重要

AI 生成工具正在從「玩具」走向「工位」。我們認為，Anthropic 這次更新切中的是企業級工作流裡最核心的痛點：一致性與交付。

讓 AI 從零腦暴一張圖很容易，但讓它嚴格按照一個 500 人團隊的既定元件庫去排版，過去幾乎是不可能完成的任務。Claude Design 如果真能做到匯入 GitHub 規範後自動校對偏差，那它就不僅僅是一個靈感生成器，而是一個能直接產出可用原型的初級 UI 助手。對於獨立開發者和全棧工程師來說，省去了反覆調整 CSS 和對齊規範的時間，現在很值得在付費套餐裡開箱試一試。

這一步棋走得也很聰明。Anthropic 沒有試圖在第一天就做一個完全替代 Figma 或 Adobe 的龐大怪物，而是通過聯結器把自己塞進現有生態。上游用自己的大模型和終端能力接管原型創意，下游把程式碼丟給 Vercel、把幻燈片扔給 Gamma、把設計稿交給 Adobe Express，既不做所有人的敵人，又牢牢卡住了上游入口。

不過隱患也同樣擺在眼前。複雜系統的設計規範往往包含海量的狀態互動和細微層級，單靠從 GitHub 倉庫匯入靜態元件，Claude 究竟能理解到多深，在面對高複雜度的企業級中後臺時會不會依然崩壞，都還需要實際專案的檢驗。但無論如何，UI 設計工具必須懂程式碼倉庫，這條路已經被 Anthropic 越走越寬了。