今年(2026)4 月,AI 工具 Claude 母公司 Anthropic 在一片 vibe coding 熱潮中推出 Claude Design,讓所有用戶都能透過文字描述生成設計原型、簡報和行銷素材,第一週便吸引超過百萬人試用。
然而,針對 AI 工具所生成的設計成果,許多用戶也反映:AI 生成的介面畫面確實漂亮,卻跟公司的品牌設計規範完全對不上。其中,包括:用錯顏色、套錯字型、間距沒有遵守設計系統的問題繁多,以致原本要節省的時間,都因必須重投修正,而愈發複雜。
對此,Anthropic 設計師 Nate Parrott 直接承認,舊版 Claude Design 在跨原型套用設計系統時,一致性確實不夠穩定。因此在 6 月 17 日的大規模更新中,他們正嘗試正面回應這個痛點。
新版讓用戶可以直接匯入品牌的設計系統,讓 Claude 在生成畫面時從你「真實存在的元件庫」出發,並在輸出前自動比對設計規範、修正誤差。對於較大型的組織,管理員還能核定單一設計系統並鎖定給全公司使用,確保每個專案都符合品牌規範。
該功能更新對於擁有成熟設計系統的團隊來說,簡直有如神助,真正實現了「把 AI 工具拉入工作流程」,而非只是多開一個視窗,為了加速效率卻還得要來回修正。
設計師福音!可以直接針對 AI 成果「動手改」
這次更新還有一個讓設計師最有感的改變:編輯器誕生!
過去,所有修改都只能靠文字提示,像是:「把這個按鈕移到左邊」、「調整一下間距」;為免除這類麻煩,新版加入了直接在畫布上點擊、縮放、重新定位元素的操作,使用者也能在不需要文字提示的情況下,更新屬性和加上標注。
也就是說,設計師能透過直觀的「動手調」來去人為地改動 AI 生成出來的設計成果。針對這項「編輯功能」,Anthropic 設計師 Nate Parrott 進一步解釋,「包括換字型、顏色等效果,那種在其他設計工具裡才有的『直接控制感』,現在 Claude Design 也可以做得到。」
與此同時,Claude Design 和 Claude Code 的雙向同步功能也終於打通。使用者可透過 /design-sync 指令可以把設計系統拉進程式碼庫,讓 Claude Code 從使用者現有的元件出發開始開發。
也就是說,當設計稿準備好後,能直接交棒給 Claude Code 來執行,不必重新描述一次。因此,若工程師偏好從終端機出發,/design 指令得讓他們不離開開發環境也能建立、編輯和同步設計專案。
更特別的是,在畫布上加的「標注」也會一併傳給 Claude Code,讓工程師接手時不用瞎猜設計師的意圖,例如「這個按鈕需要 loading 狀態」這類細節,可以直接寫在設計稿傳遞給工程師。
AI 設計工具的下一道門檻:能不能活在真實的工作流程裡?
這次更新在設計圈的反應,大致反映了業界對 AI 設計工具的兩種期待。
樂觀的一派看到的是:Claude Design 正在走出「生成漂亮截圖」的階段,試著成為設計流程的一個真實環節;而對於沒有設計背景的 PM 或創辦人來說,品牌一致性加上直接可編輯的畫布,確實讓它離「能用」更近了一步。
但也有人保持觀望。同樣主打 AI 生成設計的 v0、Lovable、Figma AI 等競品都在快速跟進類似的功能,市場還沒有明確的勝負。
Anthropic 設計師 Nate Parrott 對外媒提到,Claude Design 的目標,是成為設計師「在發想和測試階段」最常打開的工具。
「我們更在意的是如何站穩設計流程的起點,而不是終點。」這個定位相對誠實,意味著 AI 工具不是要取代設計師在精修階段的判斷,而是讓概念發散的過程加速、讓設計和工程之間的溝通摩擦降低。
本文授權轉載自Shopping Design
