新智元報道

【新智元導讀】猝不及防！Anthropic深夜甩出Claude Design大更新，設計系統一鍵導入，代碼雙向同步，9大平臺一鍵導出。Anthropic設計師親自下場錄屏：AI跑了八輪自查，才敢把設計稿給你看。

就在今天，Anthropic突然官宣Claude Design大版本更新，同時放出四個大招——

• 設計系統從GitHub一鍵導入，AI自動校驗品牌合規，不達標自己改好再給你看。

• 兩條新命令/design-sync和/design，打通了Claude Design和Claude Code的雙向通道。

• 導出目的地一口氣擴到9個：Adobe、Canva、Vercel、Replit、Miro、Gamma、Lovable、Wix、Base44。

• 畫布編輯也重做了。拖拽、縮放、對齊，就在畫面上動手，不用每改一個像素都燒一輪模型調用。

消息一出，X上瞬間熱鬧了。

有網友直接靈魂發問，設計師的時代真的要終結了嗎？

還有網友分析得更深一層：設計師和開發者，正在變成同一種人。

其他網友則紛紛玩梗：「我們不要新功能，我們要Claude Fable」，「這個功能不久后也會被禁嗎」。

懂的都懂。

Anthropic設計師親自演示

更新放出后，Anthropic設計師Nate Parrott在X上連發六條推文，并配上了三段實操。

新功能到底長什么樣、用起來順不順，看完就有數了。

第一段，他做了個「國家公園」App的收藏夾頁面。

畫面上是一個完整的手機界面——搜索欄、國家公園的風景卡片、收藏數字，排版干凈利落。看著就是一個成品App的截圖。

畫面一切。左邊彈出了完整的組件結構樹，右邊還是那個手機界面，但現在你可以點進任何一個元素。

他點了收藏數字，直接在畫布上改了文案，回車，界面即時刷新。

顯然，Claude Design生成出來的，并不是一堆改不動的效果圖，而是活的組件。

你可以像用Figma一樣拖它，也可以像寫代碼一樣改它。

第二段更直觀。同樣是國家公園項目，做首頁。

Claude先花幾秒鐘讀取設計系統——聊天面板里滾過一串品牌色值和字體規范。

然后右邊畫布開始像打字機一樣逐行生長。

先是標題，然后是說明文案，然后一個手機框架浮現——深綠色背景上，奶白色的標簽卡一塊一塊搭好，色調溫潤，層級分明。

整個設計稿是實時生成的，而且每一塊的配色、字體、間距，都嚴格跟著剛才讀進去的品牌規范走。

第三段，是把一個淺色主題的郵件注冊頁面，變成深綠色的暗色版本。

Claude沒有直接出圖。它的反應是：讀取設計規范兩遍，精修輸出六遍。八輪自查。

畫面一切，暗綠色版本出來了。

同樣的標題排版，同樣的按鈕樣式，同樣的左對齊布局——只是底色翻成了深松綠，文字翻成了淺色。對比度、層級、品牌感，和淺色版完全一致。

這就是自動化的設計規范校驗——不是讓AI「盡量接近」你的品牌規范，是跑八遍確認之后才敢給你看。

這三段視頻背后，是兩條新命令在撐著。

• /design-sync

在Claude Code里敲一下，代碼倉庫里的設計系統，比如顏色、字體、組件庫、間距規則這些，全會被拉進Claude Design。

之后每次生成，Claude都拿你的真實組件去搭，搭完自己審，不合規范自己改。

• /design

這個則是反過來。在Claude Code終端里一行指令，就能創建設計項目、編輯已有設計、同步整個設計文件夾。不用開瀏覽器，不用切窗口。

正是這兩條命令，直接干掉了整個行業最讓人頭疼的環節。

以前的設計轉代碼交接，說白了就是一次有損導出，再附贈幾場扯皮會議。

設計師在一個工具里做完，工程師在另一個工具里重新搭。

第一版看著還行，等真實組件、邊緣情況、響應式狀態加進來，設計稿就被拆得七零八落。

現在這個過程沒了。

設計在Claude Design里做，做完一個動作就能推進Claude Code寫代碼。

反過來也行，寫到一半想看界面，/design一行命令拉出可視化項目。

軍備賽的新戰場

設計工具只是表面。底下是一場更大的仗。

2026年上半年，OpenAI、Google、Anthropic三家都在瘋狂擴產品線。聊天、編程、圖片、視頻、設計——每一個品類都在搶。

Altman說AGI已經非常接近了。Amodei說大概率2027年到來。三家誰都不敢停。

而通往超級智能的競賽，表面比的是模型能力，底下比的是誰圈住了更多用戶、更多使用場景。

Claude Code鎖住了開發者。Claude Design鎖住了設計師和產品經理。兩個加在一起，Anthropic拿下了從「想法」到「上線」的完整鏈條。

翻翻日歷就知道這半年發生了什么：

3月18日，Google Stitch大更新，免費，每月350次生成。Figma股價當天跌了約8%。

4月17日，Claude Design發布，Figma再跌約7.5%。首周100萬用戶涌入。

5月20日，Figma反擊，推出自己的原生AI設計代理。同期公布Q1營收3.334億美元，同比漲46%，證明自己還沒倒。

6月18日，Claude Design補上了所有短板。Vercel和Replit的高管第一時間表態，口徑出奇一致：不提「設計師」，統一換成了「建造者」。創始人、產品經理、市場人員、獨立開發者，全都能用。

半年之內，設計工具從Figma一家獨大，變成了Claude Design、Figma AI、Google Stitch、Vercel v0、Lovable五方混戰。十年來第一次。

但這場仗的重點不只在設計工具本身。

你看看背后站著的是誰——Google、Anthropic、OpenAI，三家正在沖刺通用人工智能的公司，不約而同把手伸進了設計領域。

設計工具只是它們擴張產品版圖、搶占用戶入口的一個棋子。

回到開頭那句話：設計師和開發者，正在變成同一種人。

他們變成同一種人，不是因為誰被淘汰了。

是因為中間那堵名為「交接、標注、排期、返工」的墻被拆掉了。

參考資料：

https://x.com/claudeai/status/2067325887909884315?s=20

編輯：摩西