新智元報道

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

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

• 設(shè)計系統(tǒng)從GitHub一鍵導(dǎo)入，AI自動校驗品牌合規(guī)，不達標(biāo)自己改好再給你看。

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

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

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

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

有網(wǎng)友直接靈魂發(fā)問，設(shè)計師的時代真的要終結(jié)了嗎？

還有網(wǎng)友分析得更深一層：設(shè)計師和開發(fā)者，正在變成同一種人。

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

懂的都懂。

Anthropic設(shè)計師親自演示

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

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

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

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

畫面一切。左邊彈出了完整的組件結(jié)構(gòu)樹，右邊還是那個手機界面，但現(xiàn)在你可以點進任何一個元素。

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

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

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

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

Claude先花幾秒鐘讀取設(shè)計系統(tǒng)——聊天面板里滾過一串品牌色值和字體規(guī)范。

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

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

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

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

Claude沒有直接出圖。它的反應(yīng)是：讀取設(shè)計規(guī)范兩遍，精修輸出六遍。八輪自查。

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

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

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

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

• /design-sync

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

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

• /design

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

正是這兩條命令，直接干掉了整個行業(yè)最讓人頭疼的環(huán)節(jié)。

以前的設(shè)計轉(zhuǎn)代碼交接，說白了就是一次有損導(dǎo)出，再附贈幾場扯皮會議。

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

第一版看著還行，等真實組件、邊緣情況、響應(yīng)式狀態(tài)加進來，設(shè)計稿就被拆得七零八落。

現(xiàn)在這個過程沒了。

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

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

軍備賽的新戰(zhàn)場

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

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

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

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

Claude Code鎖住了開發(fā)者。Claude Design鎖住了設(shè)計師和產(chǎn)品經(jīng)理。兩個加在一起，Anthropic拿下了從「想法」到「上線」的完整鏈條。

翻翻日歷就知道這半年發(fā)生了什么：

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

4月17日，Claude Design發(fā)布，F(xiàn)igma再跌約7.5%。首周100萬用戶涌入。

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

6月18日，Claude Design補上了所有短板。Vercel和Replit的高管第一時間表態(tài)，口徑出奇一致：不提「設(shè)計師」，統(tǒng)一換成了「建造者」。創(chuàng)始人、產(chǎn)品經(jīng)理、市場人員、獨立開發(fā)者，全都能用。

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

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

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

設(shè)計工具只是它們擴張產(chǎn)品版圖、搶占用戶入口的一個棋子。

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

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

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

參考資料：

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

編輯：摩西