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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

▲Tweaks模式（圖源：Anthropic）

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

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

▲Comment模式（圖源：Anthropic）

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

還可以點擊“Knobs”修改字體格式和編輯頁面里的文字。

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

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

▲Edit編輯頁面（圖源：YouTube）

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

▲Draw頁面（圖源：YouTube）

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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