機(jī)器之心編輯部

本周五，美股多家軟件公司迎來股價(jià)巨震。

震源又是那個(gè) Claude。

Anthropic 發(fā)布了全新 AI 產(chǎn)品 Claude Design。Anthropic 稱，這款新工具能讓你與 Claude 協(xié)作，創(chuàng)建精美的視覺作品，如設(shè)計(jì)稿、原型、幻燈片、單頁文檔等等。

Claude Design 由最近剛剛發(fā)布，具備強(qiáng)大圖像處理能力的 Claude Opus 4.7 模型提供支持，目前面向 Claude Pro、Max、Team 和 Enterprise 訂閱用戶提供研究預(yù)覽版。Anthropic 將逐步向所有用戶推出該功能。

Claude Design 為設(shè)計(jì)師提供了廣闊的探索空間，也為其他人提供了一種創(chuàng)作視覺作品的方式。作為一款生產(chǎn)力工具，它能夠直接將自然語言、代碼庫、PPT 文檔甚至直接截取的網(wǎng)頁元素，轉(zhuǎn)化為高保真、可交互的產(chǎn)品原型、設(shè)計(jì)或營(yíng)銷物料。

現(xiàn)在你只需要用自然語言描述需求，提供補(bǔ)充資料用作參考（如代碼、圖片或文檔），AI 即可構(gòu)建出一個(gè)初始版本的設(shè)計(jì)。之后，你可以通過對(duì)話、內(nèi)聯(lián)評(píng)論、直接編輯或自定義滑塊（由 Claude 自動(dòng)生成）繼續(xù)進(jìn)行完善，直至獲得理想的設(shè)計(jì)效果。

在獲得權(quán)限允許后，Claude 還可以自動(dòng)將你團(tuán)隊(duì)的設(shè)計(jì)系統(tǒng)應(yīng)用于每個(gè)項(xiàng)目，從而確保 AI 的輸出與公司其他設(shè)計(jì)風(fēng)格保持一致。

Anthropic 表示，此前在內(nèi)測(cè)過程中，已有團(tuán)隊(duì)使用 Claude Design 來進(jìn)行以下一些工作：

• 逼真的原型：設(shè)計(jì)師可以將靜態(tài)模型轉(zhuǎn)換為易于共享的交互式原型，以便收集反饋和用戶測(cè)試，而無需代碼審查或 PR。
• 產(chǎn)品線框圖和模型：產(chǎn)品經(jīng)理可以繪制功能流程草圖，并將其交給 Claude Code 進(jìn)行實(shí)現(xiàn)，或者與設(shè)計(jì)師分享以進(jìn)一步完善。
• 設(shè)計(jì)探索：設(shè)計(jì)師可以快速創(chuàng)建各種各樣的探索方向。
• 推介演示文稿：創(chuàng)始人及客戶經(jīng)理可在幾分鐘內(nèi)從粗略的提綱制作出完整的、符合品牌形象的演示文稿，然后導(dǎo)出為 PPTX 或發(fā)送到 Canva。
• 營(yíng)銷材料：營(yíng)銷人員可以創(chuàng)建著陸頁、社交媒體素材和活動(dòng)視覺素材，然后讓設(shè)計(jì)師進(jìn)行潤(rùn)色。
• 前沿設(shè)計(jì)：任何人都可以構(gòu)建帶有語音、視頻、著色器、3D 和內(nèi)置 AI 的代碼驅(qū)動(dòng)原型。

Claude Design 遵循自然的創(chuàng)作流程。在初始訓(xùn)練期間，Claude 會(huì)讀取你的代碼庫和設(shè)計(jì)文件，為你的團(tuán)隊(duì)構(gòu)建一套設(shè)計(jì)系統(tǒng)。之后的每個(gè)項(xiàng)目都會(huì)自動(dòng)使用你的顏色、字體和組件。你可以隨著時(shí)間的推移不斷完善該系統(tǒng)，團(tuán)隊(duì)也可以維護(hù)多個(gè)系統(tǒng)。

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

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

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

在完成設(shè)計(jì)后，你可以將設(shè)計(jì)以內(nèi)部 URL 的形式在組織內(nèi)部共享，保存為文件夾，或?qū)С鰹?Canva、PDF、PPTX 或獨(dú)立的 HTML 文件。

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

Anthropic 表示，在接下來的幾周里，Anthropic 將簡(jiǎn)化與 Claude Design 的集成，以便用戶將新工具連接到人們?cè)械墓ぷ鳁Ｖ小?/p>

Claude Design 上線后，開發(fā)社區(qū)紛紛前來嘗試，有不少的好評(píng)和效果展示。人們表示，這回 Anthropic 要干翻設(shè)計(jì)了，而且該說不說，Claude 的「審美水平」還挺高。

視頻鏈接：https://mp.weixin.qq.com/s/psYbNUh8_tkdvNglpgNGTw?click_id=132

視頻鏈接：https://mp.weixin.qq.com/s/psYbNUh8_tkdvNglpgNGTw?click_id=132

視頻鏈接：https://mp.weixin.qq.com/s/psYbNUh8_tkdvNglpgNGTw?click_id=132

不論如何，這回設(shè)計(jì)的門檻是被打下來了。

Anthropic 自己的設(shè)計(jì)師 Ryan Mather 也出來現(xiàn)身說法。他表示自己目前一個(gè)人負(fù)責(zé)七個(gè)產(chǎn)品線的設(shè)計(jì)，對(duì)于怎樣用好 Claude Design 有七條建議。

1、設(shè)置好你的設(shè)計(jì)系統(tǒng)和核心屏幕。這里值得花上一個(gè)小時(shí)進(jìn)行設(shè)置和優(yōu)化。

2、與你的工程師實(shí)時(shí)迭代。最好能在單次會(huì)議上與工程師一起設(shè)計(jì)新功能。Claude 在制作原型方面速度極快，設(shè)計(jì)師與工程師可以在對(duì)話中持續(xù)迭代，圍繞概念和約束即興發(fā)揮，看著想法逐步成形。

3、使用評(píng)論工具進(jìn)行快速精準(zhǔn)的編輯。在粗略的初稿之后，你可能會(huì)有數(shù)十個(gè)細(xì)節(jié)想要調(diào)整。用言語描述想要的所有更改很棘手 —— 所以別那么做！直接指出并批評(píng)。

4、讓 Claude 為你的想法制作視頻演示。一般來說，Claude Design 可以實(shí)現(xiàn)你能想到的幾乎任何事情。老實(shí)說，它更像是 Claude Code，而非基于畫布的設(shè)計(jì)工具。

5、使用連接器（尤其是 docs/slack）。設(shè)置好后，你可以發(fā)送這樣的提示：「請(qǐng)閱讀產(chǎn)品 roast 的會(huì)議筆記，并為所有出現(xiàn)的問題創(chuàng)建一份探索不同設(shè)計(jì)解決方案的演示文稿」。然后你就可以出門放松一下，然后帶著全新的視角回來看結(jié)果了。

6、讓 Claude 創(chuàng)建定制的即時(shí)工具。一般來說，不要試圖以使用基于畫布的工具的方式來使用 Claude Design。它是一個(gè)不同的物種，具有不同的能力。去嘗試吧，玩得開心點(diǎn)！你會(huì)發(fā)現(xiàn)自己設(shè)計(jì)得比以前的方式更勝一籌。

7、學(xué)會(huì)在哪里可以放慢腳步，手動(dòng)完成任務(wù)。新圖標(biāo)、現(xiàn)場(chǎng)插圖、命名。有些細(xì)節(jié)總是能產(chǎn)生超乎預(yù)期的沖擊力。你很容易就會(huì)被智能體式設(shè)計(jì)的超高速度所吸引。知道何時(shí)放慢腳步，本身就是一種藝術(shù)形式。

Ryan Mather 認(rèn)為，Claude Design 對(duì)工作帶來的最大提升在于能讓設(shè)計(jì)變得更加「開心」，讓人們可以輕松嘗試更多想法。

未來，傳統(tǒng)的設(shè)計(jì)師崗位會(huì)變成什么樣？

參考內(nèi)容：

https://www.anthropic.com/news/claude-design-anthropic-labs

https://x.com/Flomerboy/status/2045162321589252458

https://news.ycombinator.com/item?id=47806725