剛剛，Claude推出“Figma殺手”，設(shè)計(jì)軟件股暴跌

AI應(yīng)用風(fēng)向標(biāo)（公眾號(hào)：ZhidxcomAI）
作者｜畢偉豪
編輯｜漠影

Claude又來“干倒”一個(gè)行業(yè)了。

智東西4月18日?qǐng)?bào)道，昨夜，AI獨(dú)角獸Anthropic又放大招，推出新產(chǎn)品Claude Design，讓用戶通過使用Claude創(chuàng)建設(shè)計(jì)、可交互原型、PPT幻燈片、單頁(yè)文檔等視覺作品。

▲Anthropic發(fā)布新產(chǎn)品Claude Design（圖源：X）

Claude會(huì)根據(jù)需求生成初稿，用戶可以通過對(duì)話、內(nèi)聯(lián)評(píng)論、直接編輯以及自定義滑塊的方式來進(jìn)行修改。

Claude Design生成的結(jié)果支持導(dǎo)出到任何位置，可以導(dǎo)入至Canva，或者以PPT、PPTX、HTML等格式保存，還能一鍵打包至Claude Code生成代碼。

其實(shí)很久之前Anthropic就有過設(shè)計(jì)方向的嘗試，Claude Code曾推出過一個(gè)叫frontend-design的Skill，專門用來優(yōu)化Claude Code的網(wǎng)頁(yè)設(shè)計(jì)效果。

而現(xiàn)在有了視覺能力更強(qiáng)大的Opus 4.7模型提供支持，Anthropic Labs團(tuán)隊(duì)便順理成章地發(fā)布了Claude Design這個(gè)產(chǎn)品。

資本市場(chǎng)的反應(yīng)一如既往暴力。消息一出，美國(guó)設(shè)計(jì)軟件龍頭Figma股價(jià)應(yīng)聲下跌6.84%。

▲Figma股價(jià)下跌，截至4月18日6：23（圖源：網(wǎng)絡(luò)）

有網(wǎng)友在Claude的評(píng)論區(qū)中感嘆：“Claude徹底摧毀了價(jià)值1萬(wàn)億美元的設(shè)計(jì)行業(yè)。”甚至還有人直接點(diǎn)名Figma，說：“我本想說安息吧Figma，但它其實(shí)早就已經(jīng)涼透了。

▲網(wǎng)友在Claude評(píng)論區(qū)原帖（圖源：X）

有趣的是，過去兩年擔(dān)任Anthropic首席產(chǎn)品官的Mike Krieger，剛剛在4月14日辭去了Figma的董事會(huì)職務(wù)。

同一天The Information爆料，Anthropic的下一代模型Opus 4.7將會(huì)產(chǎn)生和Figma形成直接競(jìng)爭(zhēng)關(guān)系的產(chǎn)品，現(xiàn)在看來，這款產(chǎn)品無疑就是Claude Design了。

一、一句話讓Claude做設(shè)計(jì)，還能隨時(shí)編輯，自由導(dǎo)出

用戶可以通過對(duì)話提出需求，還能用上傳圖片、提交文檔、讓Claude訪問代碼庫(kù)，以及直接抓取網(wǎng)頁(yè)素材等方式增加參考項(xiàng)，Claude會(huì)先向用戶進(jìn)行提問，做一個(gè)“調(diào)查問卷”，確認(rèn)需求后生成一個(gè)可以編輯的初稿。

▲Claude在任務(wù)執(zhí)行之前先提問（圖源：YouTube）

比如，輸入提示詞：“設(shè)計(jì)一個(gè)互動(dòng)的、黑暗主題的圖形，展示文化如何在城市之間流動(dòng)。一個(gè)由發(fā)光路徑連接城市的旋轉(zhuǎn)地球儀。”

▲生成旋轉(zhuǎn)地球儀（圖源：Anthropic）

接著你可以通過對(duì)話、內(nèi)聯(lián)評(píng)論、直接編輯或自定義滑塊（由Claude制作）進(jìn)行完善，直至達(dá)到理想效果。

在地球儀這個(gè)例子里，點(diǎn)擊右上角“Tweaks（調(diào)整）”按鈕，輸入“為全局和選項(xiàng)添加控件，以查看不同的斷點(diǎn)”。Claude會(huì)提供一個(gè)進(jìn)行微調(diào)的滑塊組件，用戶可以調(diào)整一些部分的顏色、大小、圓角等參數(shù)，一個(gè)符合要求的作品就誕生了！

▲Tweaks模式（圖源：Anthropic）

再比如讓Claude生成一個(gè)寧?kù)o的移動(dòng)端冥想app，它開發(fā)出三個(gè)頁(yè)面，右上角調(diào)整模塊可選擇主題色。

也可以點(diǎn)擊“Comment”按鈕，要求在調(diào)整模塊“添加一個(gè)暗黑模式切換”。

▲Comment模式（圖源：Anthropic）

另一個(gè)例子是讓Claude把一份文件變成一個(gè)美觀的歡迎指南，讓Claude生成初版結(jié)果后，可以點(diǎn)“Comment”要求它“把這個(gè)換成海岸線照片”。

還可以點(diǎn)擊“Knobs”修改字體格式和編輯頁(yè)面里的文字。

把柱形圖改成折線圖也不過一句話的事。

使用Edit功能也可以進(jìn)行修改，進(jìn)入這個(gè)模式后，用戶可以選定任意區(qū)域，Claude會(huì)給出可以調(diào)整的組件。

▲Edit編輯頁(yè)面（圖源：YouTube）

還有一個(gè)很有意思的修改方式，和Comment有點(diǎn)像，叫Draw。這個(gè)模式下用戶可以在初稿上自由劃線、圈選，然后在下方的對(duì)話框上輸入修改意見就好了。

▲Draw頁(yè)面（圖源：YouTube）

設(shè)計(jì)好的作品一鍵即可下載成壓縮包、導(dǎo)出為PDF、導(dǎo)出為PPTX、發(fā)送給Canva、導(dǎo)出為獨(dú)立HTML，或者交給Claude Code。

不過Claude發(fā)布的視頻中，展現(xiàn)的修改功能和開發(fā)者實(shí)際體驗(yàn)有所不同，官方視頻中共有Tweaks、Comment、Edit text、Knobs以及Draw這五個(gè)功能區(qū)，但在開發(fā)者實(shí)測(cè)中，Edit替代了Edit text和Knobs的位置。

二、人人可用，用途幾乎覆蓋企業(yè)每個(gè)崗位

Anthropic總結(jié)了一些Claude Design的用途：

可交互原型：設(shè)計(jì)師可以用來將靜態(tài)樣品轉(zhuǎn)為可共享的交互式原型，進(jìn)而更好地收集反饋和進(jìn)行測(cè)試，無需代碼審查或PR。

產(chǎn)品功能圖和原型：PM可以用它繪制產(chǎn)品功能圖，然后丟給Claude Code做個(gè)原型，或者把鏈接分享給設(shè)計(jì)師進(jìn)一步完善。

探索設(shè)計(jì)方向：設(shè)計(jì)師可以快速探索各種各樣的設(shè)計(jì)方向。

做演示文稿：老板和客戶經(jīng)理可以輕松用它制作出完整的、符合品牌形象的PPT。

營(yíng)銷材料：營(yíng)銷人員可以創(chuàng)建著陸頁(yè)、社交媒體素材和活動(dòng)視覺素材，然后讓設(shè)計(jì)師進(jìn)行潤(rùn)色。

前沿設(shè)計(jì)：任何人都可以構(gòu)建帶有語(yǔ)音、視頻、著色器、3D功能以及內(nèi)置AI的原型。

目前，Claude Design僅向Pro、Max、Team和Enterprise訂閱用戶開放，原套餐即包含這項(xiàng)功能。

三、從生成、編輯、導(dǎo)出到團(tuán)隊(duì)協(xié)作，全鏈條降低創(chuàng)作門檻

在工作原理上，Claude Design遵循自然而然的創(chuàng)作流程。

1、你的品牌已內(nèi)置其中。在入職培訓(xùn)期間，Claude會(huì)讀取你的代碼庫(kù)和設(shè)計(jì)文件，構(gòu)建一套屬于你團(tuán)隊(duì)的設(shè)計(jì)系統(tǒng)。之后的每個(gè)項(xiàng)目都會(huì)自動(dòng)使用同款顏色、字體和組件。你可以隨著時(shí)間的推移不斷完善這個(gè)系統(tǒng)，團(tuán)隊(duì)也可以維護(hù)多個(gè)系統(tǒng)。

以前你跟AI說要設(shè)計(jì)一個(gè)藍(lán)色的登錄頁(yè)，它理解的藍(lán)色可能跟你想要的藍(lán)色兩模兩樣，現(xiàn)在Claude Design記住了你的團(tuán)隊(duì)規(guī)范，知道你想要的色號(hào)和字體。

2、你可以從任何位置導(dǎo)入。你可以輸入文本提示，可以上傳圖像和文檔（DOCX、PPTX、XLSX），或者讓Claude直接訪問你的代碼庫(kù)。你還可以用網(wǎng)頁(yè)截圖工具，直接從你的網(wǎng)站抓取元素，使原型看起來更接近真實(shí)產(chǎn)品。

3、使用精細(xì)的控制功能進(jìn)行微調(diào)。你可以直接對(duì)特定元素添加注釋、編輯文本，或使用調(diào)整旋鈕實(shí)時(shí)調(diào)整間距、顏色和布局。然后讓Claude將你的更改應(yīng)用到整個(gè)設(shè)計(jì)中。

4、協(xié)作。設(shè)計(jì)稿支持組織范圍內(nèi)的共享，你可以將文檔設(shè)為私有，也可以共享鏈接，讓組織內(nèi)任何擁有鏈接的人都能查看，或者授予編輯權(quán)限，以便其他人能修改設(shè)計(jì)稿，并與Claude進(jìn)行群組對(duì)話。

5、導(dǎo)出到任何位置。你可以將設(shè)計(jì)以內(nèi)部URL的形式在組織內(nèi)部共享，保存為文件夾，或?qū)С鰹镃anva、PDF、PPTX或獨(dú)立的HTML文件。

6、移交給Claude Code。當(dāng)設(shè)計(jì)準(zhǔn)備就緒可以構(gòu)建時(shí)，Claude會(huì)將所有內(nèi)容打包到一個(gè)移交包中，你只需一條指令即可將其傳遞給Claude Code。

接下來幾周里，Anthropic計(jì)劃簡(jiǎn)化與Claude Design的集成，以便用戶可以將其連接到你的團(tuán)隊(duì)已經(jīng)使用的更多工具。

結(jié)語(yǔ)：重壓之下不斷升級(jí)，設(shè)計(jì)軟件行業(yè)在AI沖擊中前進(jìn)

Figma股價(jià)下跌，反映出被嚇到的短期市場(chǎng)情緒。設(shè)計(jì)軟件行業(yè)正在持續(xù)收到來自AI產(chǎn)品的沖擊，隨著用戶預(yù)期和使用習(xí)慣遷移，越來越多的人開始覺得好像不需要那么專業(yè)的工具，也能生成一個(gè)稱心如意的作品。

在可編輯性和專業(yè)設(shè)計(jì)能力上，純AI生成還有很長(zhǎng)的路要走。當(dāng)前AI工具的價(jià)值更多是讓不懂設(shè)計(jì)的人能低門檻地實(shí)現(xiàn)自己的創(chuàng)意，而非讓設(shè)計(jì)師失業(yè)。

不過這可能會(huì)導(dǎo)致Figma等專業(yè)工具的用戶規(guī)模的入口收窄。比如以前很多原本會(huì)去學(xué)Figma的創(chuàng)業(yè)者和產(chǎn)品經(jīng)理，現(xiàn)在可能直接就被Claude Design給截住了。

Claude進(jìn)入某個(gè)傳統(tǒng)軟件賽道，導(dǎo)致對(duì)應(yīng)股票當(dāng)天大跌的劇情，已經(jīng)反復(fù)上演過好多次。但大跌之后的那些公司，并沒有消失，他們面臨的壓力是真實(shí)的，但它們也在通過將AI融入產(chǎn)品，為用戶帶來更好的體驗(yàn)。