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

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

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

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

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

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

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

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

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

▲Figma股價下跌，截至4月18日6：23（圖源：網絡）

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

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

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

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

一、一句話讓Claude做設計，還能隨時編輯，自由導出

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

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

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

▲生成旋轉地球儀（圖源：Anthropic）

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

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

▲Tweaks模式（圖源：Anthropic）

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

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

▲Comment模式（圖源：Anthropic）

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

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

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

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

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

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

▲Draw頁面（圖源：YouTube）

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

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

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

Anthropic總結了一些Claude Design的用途：

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

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

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

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

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

前沿設計：任何人都可以構建帶有語音、視頻、著色器、3D功能以及內置AI的原型。

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

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

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

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

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

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

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

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

5、導出到任何位置。你可以將設計以內部URL的形式在組織內部共享，保存為文件夾，或導出為Canva、PDF、PPTX或獨立的HTML文件。

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

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

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

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

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

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

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