設計圈的 Claude Code 時刻來了
整理版優先睇
Claude Design 正式發佈，係設計圈嘅 Claude Code 時刻：從想法直接到可運行交互原型，非設計師都可以獨立產出可交付設計
Anthropic 今日發佈咗 Claude Design，由 Claude Opus 4.7 驅動，係一個全新嘅設計工具。作者親身體驗後表示震驚程度唔亞於當年第一次用 Claude Code 寫代碼。
呢篇文章唔係要話「設計已死」，而係指出一個關鍵轉變：從想法到高保真交互原型嘅差距已經基本消失。非設計師終於可以獨立產出可交付設計，設計師生產力指數級提升，但傳統設計工具同設計外包會大幅縮水。今日 Figma 股價大跌已經側面印證咗呢一點。
作者用一個 Mac App 設計案例展示咗整個流程：初始提示詞好模糊，但 Claude Design 會主動問需求、俾多個方案、理解多圖混合參考、自檢自糾，最終輸出可運行嘅 React 代碼。呢套協作模式同之前任何設計工具都唔一樣，更像 Claude Code 多過似畫布式設計工具。
- Claude Design 以 AI 為主要生成者，人為主要審閲者，輸出係可運行代碼而唔係靜態設計稿，呢個係同 Figma/Canva 嘅根本差異。
- 佢會主動問需求、俾 3-5 個方案任揀、理解多圖參考同自檢自糾，協作模式好似同一個專業設計師傾嘢。
- 對設計師嚟講：人均產出飆升，但團隊規模會縮，留下嚟嘅人更值錢，因為做嘅係品牌方向、戰略決策呢類高判斷力工作。
- 對 PM、創始人、營銷人員嚟講：以前要排期等設計師，而家自己描述清楚就能直接產出可交付原型，溝通成本大減。
- 對 Figma、Adobe 等傳統工具係警鐘：Anthropic 自己設計 team 已經以 Claude Design 做主力，企業年度預算好快會重新整合設計工具開銷。
Claude Design
Anthropic 新推出嘅設計工具，由 Claude Opus 4.7 驅動，可直接從文字描述生成可運行嘅交互原型。
設計圈嘅 Claude Code 時刻：親身試用體驗
作者第一時間試用咗 Claude Design，震驚程度唔亞於當年第一次用 Claude Code 寫代碼。佢用一個 writing agent Mac App 做案例，初始提示詞好模糊，只係講咗幾句「支持多 workspace、可以編輯 markdown、可以調用 agent」之類，自己都未諗清想要乜。
Claude Design 會主動問需求，俾咗一啲問題俾作者選擇，包括單選、多選同埋自填，仲可以叫佢自行決定。
過咗一陣，佢俾咗 3 個方案任揀，每個都唔係靜態圖，而係可以點擊交互嘅原型。作者揀咗方案 2 同 3，覺得各有優劣，就俾咗修改意見，仲將 Codex 嘅截圖發俾佢參考。
Claude Design 好快綜合咗兩個方案，結合 Codex 設計，出咗一個作者「想要但描述唔清楚」嘅版本。
例如佢將 Documents 同 Chat 用 Tab 分開，呢個設計比作者預想嘅「一上一下」更好。之後作者叫佢補 history 部分，佢初版有佈局問題，但竟然自動檢測到並修復咗，仲可以方便咁揀任意兩個版本做 diff。
Claude Design 到底係乜嘢
Claude Design 係 Anthropic Labs 今日發佈嘅新產品，由 Claude Opus 4.7 驅動，Pro、Max、Team、Enterprise 訂閲都用得。界面好簡單：左邊聊天，右邊畫布。你描述想要乜，佢喺右邊畫出嚟；你可以用聊天、行內評論、直接編輯或者調節滑桿去改；改完之後可以導出做 HTML、PDF、PPTX、ZIP，或者送去 Canva 繼續編輯，或者直接打包俾 Claude Code 落地成產品代碼。
Anthropic 設計團隊嘅 Ryan Mather 講咗一句好關鍵嘅話：「唔好用對待畫布工具嘅方式嚟用 Claude Design，佢係另一種動物，有自己嘅超能力。」
呢句話係理解 Claude Design 嘅鑰匙。同 Figma、Canva 嘅 AI 插件唔同，Claude Design 嘅邏輯係：AI 係主要嘅生成者，人係主要嘅審閲者。呢個區別落到產品上有幾個具體差異。
同 Figma、Canva 嘅根本不同
- 輸出係可運行代碼，唔係靜態設計稿：作者個 Mac App 最終拿到嘅係 React + CSS，連結可以點、標籤可以切、版本可以 diff。同「生成一張靚 UI 圖」係兩個物種。
- 組織級設計系統：你上傳代碼庫、PPT、品牌資料之後，佢會抽出顏色、字體、組件、佈局規範，後面所有項目都自動套用。Brilliant 嘅設計師話以前要 20 幾輪提示先搞得掂嘅複雜交互，而家 2 輪就搞掂。
- 理解你嘅代碼庫：唔係將代碼當截圖睇，係真係讀組件結構、框架模式、文件組織。設計師做完 handoff，工程師收到嘅唔係「一張圖」，而係可以直接接落現有組件庫嘅實現草案。
- 會做工具，唔止做設計：你可以叫 Claude Design 臨時幫你生成一個專門嘅工具，例如一個針對你品牌色盤嘅拾色器、一個自定義 spec 生成器、一個交互原型測試工具。產出唔侷限於設計文件，而係任何幫你諗清問題嘅計算產物。
Datadog 嘅反饋：以前需要一週跨多輪 brief → mockup → review 嘅事，而家喺一次會議裏面就可以邊傾邊做出成型原型，甚至叫工程師現場參與到設計對話裏面。
可以拎嚟做乜
從官方博客同披露嘅使用場景睇，Claude Design 至少覆蓋呢幾類工作：
仲有官方冇重點講但好重要嘅：視頻 demo。Ryan Mather 提過佢可以直接生成視頻形態嘅演示，對產品發佈、用戶測試、投資人溝通係新嘅能力位。
一句話概括使用邊界：結構清晰、信息塊明確、交互邏輯可描述嘅嘢，佢都做得唔錯；模糊情緒導向嘅純藝術創作，唔係佢嘅範疇。
衝擊唔止關於設計
Ryan Mather 一個人服務 7 個產品，呢個係一個信號。呢件事放喺兩個月之前係冇可能嘅。對設計師嚟講生產力會指數級提升，但團隊規模大概率會縮。過去需要 5 個設計師嘅活兒，而家 1 至 2 個就做完，而且單人產出反而更多更好。
留下嚟嘅人會更值錢，因為佢哋做嘅係真正食判斷力嘅工作：品牌方向、關鍵插畫、命名、戰略級決策。剩下 80% 嘅執行工作，模型接走咗。
同樣嘅劇本已經喺編程圈（Claude Code）、分析圈（AI 輔助數據分析）上演過。每次輪到新嘅專業，都係同一條軌跡：人均產出飆升，頭部嘅人攞得更多，尾部嘅人睇住機會一點點消失。設計圈剛好行到呢個拐點。
對 Figma、Adobe、Canva 嚟講係警鐘。Anthropic 自己嘅設計團隊已經將 Claude Design 當主力工具用，Figma 只係偶爾先被提到。再過 2 到 3 個季度，當企業年度預算開始重新整合設計工具開銷，老牌工具嘅續費數字會比股價俾出更直接嘅答案。
對工程師嚟講係久違嘅好消息：設計到工程嘅交接一直係最痛苦嘅環節之一，而家 Claude Design 出嚟嘅嘢本身就帶住組件結構同實現草案，落地成本直接降一個量級。
Anthropic 今日推出咗 Claude Design，第一時間就試玩咗一下，震驚程度唔亞於當年第一次用 Claude Code 寫代碼。借用 flypig 老師一句話：
啱啱用咗一下，咁講：Claude Design 令到 Google 嗰個 Stitch 睇起嚟好似個笑話。
呢個就係設計領域嘅 Claude Code 時刻。 我唔會話「設計已死」、「設計師要被取代咗」之類譁眾取寵嘅說話，只想講：
從想法到高保真交互原型嘅差距已經基本消失，非設計師終於可以獨立產出可交付設計；設計師生產力指數級提升，但設計外包同傳統設計工具會大幅縮水。
今日 Figma 股價大跌都側面印證咗呢一點。
俾大家睇一個完整案例，呢個係我大約 3 輪交互做出嚟嘅一個設計作品，唔係簡單嘅一個靜態圖片或者網頁，裏面嘅連結大部分可以點擊交互。
初始提示詞好簡陋：
幫我設計一個 writing agent 嘅 Mac App
支援多 workspace，可以睇到 workspace 嘅文檔（markdown、文本文檔），可以對文檔進行手動編輯，亦都可以調用 agent 編輯 markdown 文檔
亦都可以喺聊天對話中創建/編輯文檔
主要係我仲未諗好做成個咩樣，期待緊佢幫我想諗，所以講得比較模糊。
然後佢俾咗我一些問題俾我揀，有單選有多選，仲可以自己輸入，或者等佢自行決定。
過咗一陣去睇，佢俾咗我 3 個方案俾我揀，就好似一個專業嘅設計師，先同你確認清楚需求，然後俾幾個唔同方向俾你揀。
每個結果都唔係靜態圖片或者靜態網頁，都係可以點擊交互嘅。
睇完我覺得方案 2 同方案 3 都唔錯，但都有問題，需要綜合一下。於是俾咗一些修改意見，仲將 Codex 嘅截圖發俾佢參考，叫佢將方案 2 同方案 3 綜合一下，再結合 Codex 嘅一些設計。
佢好快俾咗我一個新版本，基本上就係我想要但係描述唔清楚嘅嗰種。 例如佢將 Documents 同 Chat 用一個 Tab 分開，就係我鍾意嘅設計，比我預想嘅「一上一下」更好。
整體設計我都幾滿意，都提唔出更好嘅要求，接下來就係摳細節。文檔編輯歷史佢冇實現，我就叫佢補呢塊。
提示詞好簡單：
幫我基於當前設計，設計 history 部分，希望用戶可以更方便咁睇文檔編輯歷史，對比差異
好快佢就出咗一版，但係打開一睇，效果唔得。
我正準備提示佢改，結果發現佢自己檢測出咗佈局問題，自己修復咗。
修復後嘅版本就好靚喇，冇佈局問題，甚至仲可以方便咁選擇任意兩個版本比較變更。
從左邊嘅消息歷史睇，佢有自動糾錯機制。
最終產出物係 React 代碼同樣式表。
成個過程令我好意外嘅幾件事：佢會主動問需求、佢會俾多方案、佢能理解多圖混合參考、佢能自檢自糾、佢輸出嘅係可運行代碼而唔係靜態稿。呢套協作模式，同之前任何一個設計工具都唔一樣。
Claude Design 到底係個咩嘢
先講基礎信息。Claude Design 係 Anthropic Labs 今日推出嘅新產品，由 Claude Opus 4.7 驅動，Pro、Max、Team、Enterprise 訂閲都用得（Enterprise 默認關，需要管理員開），直接去 claude.ai/design 就入得。
界面好簡單：左邊聊天，右邊畫布。 你描述想要咩，佢喺右邊畫出嚟；你可以用聊天、行內評論、直接編輯、或者佢自動生成嘅調節滑桿去改；改完之後可以導出做 HTML、PDF、PPTX、ZIP，或者送入 Canva 繼續編輯，或者直接打包俾 Claude Code 去落地成產品代碼。
睇起嚟好似就係個 AI 版 Figma？並唔係。
Ryan Mather 係 Anthropic 自己設計團隊嘅人，一個人同時負責 7 個產品線。佢今日發嘅推文裏面講咗一條好關鍵嘅話：
唔好用對待畫布工具嘅方式嚟用 Claude Design。佢係另一種動物，有自己的超能力。老實講佢更加似 Claude Code，而唔係似畫布式嘅設計工具。
https://x.com/Flomerboy/status/2045162328593670321
呢句話係理解 Claude Design 嘅鎖匙。
同 Figma、Canva 嘅根本不同
過去一年，Figma 加咗 AI、Adobe 加咗 AI、Canva 都加咗 AI。佢哋嘅邏輯都係一樣：喺以人為主嘅畫布工具上，加一層 AI 插件，幫你畫得更快啲、寫文案方便啲。
Claude Design 行嘅係另一條路：AI 係主要嘅生成者，人係主要嘅審閲者。成個工具嘅骨架就係圍繞呢個假設搭建嘅。
呢個分別聽起嚟抽象，落到產品上有幾個好具體嘅差異。
輸出係可運行代碼，唔係靜態設計稿
我上面嗰個 Mac App 案例，最終攞到嘅係 React + CSS，係一個行得到嘅嘢，連結可以點、標籤可以切、版本可以 diff。呢個同「生成一張靚靚嘅 UI 圖」係兩個物種。
組織級設計系統
你上傳代碼庫、PPT、品牌資料之後，佢會抽出顏色、字體、組件、佈局規範，後面所有項目都自動套用。Brilliant 嘅設計師反饋話，以前喺其他工具需要 20 多輪提示先搞得掂嘅複雜交互，喺 Claude Design 裏面 2 輪就搞得掂，原因就係佢已經「認識」你嘅設計語言。
理解你嘅代碼庫
唔係將代碼當截圖睇，係真係讀組件結構、框架模式、文件組織。所以設計師做完之後撳一下 handoff，工程師嗰邊攞到嘅唔係「呢張圖你去還原」，而係「呢組可以直接駁落你現有組件庫嘅實現草案」。
會做工具，唔只係做設計
官方博客裏面提到一個能力：你可以叫 Claude Design 臨時俾你生成一個專門嘅工具，例如一個針對你品牌色盤嘅拾色器、一個自定義嘅 spec 生成器、一個細嘅交互原型測試工具。產出唔侷限於「設計文件」，而係「任何幫你諗清問題嘅計算產物」。
Datadog 嘅反饋都有意思：以前需要一個禮拜、跨多輪 brief → mockup → review 先搞得掂嘅事，而家喺一次會議裏面就可以邊傾邊做出成型原型，甚至俾工程師現場參與到設計對話裏面。
呢個唔似「Figma 提速 30%」嗰種優化。更加似另一種工作方式。
可以用嚟做咩
從官方博客同目前披露嘅使用場景睇，Claude Design 至少可以覆蓋呢幾類工作：
產品原型同交互流程。 例如我嘅 Mac App 案例，或者 5 屏 onboarding 流程、帶篩選同詳情抽屜嘅搜索體驗、審批工作流隊列。呢個係佢最強嘅一部分。
演示文稿。 10 頁 Q1 結果 Deck、15 頁董事會 roadmap、客戶會前材料、全員會 Deck。導出 PPTX 直接用得，亦都可以送去 Canva 繼續編輯。
營銷物料。 落地頁、社媒圖、活動視覺。
內部工具後台。 管理面板、內容審核隊列、權限管理界面。呢一類過去專門養一個前端崗位嚟做，而家 PM 自己就可以出可交付原型。
設計探索。 一次性出 3 到 5 個方向，俾你揀。以前呢個係「我時間唔夠所以只能做兩版俾你睇」，而家係「我出五版，你揀一版再精修」。
仲有官方冇重點講但其實好重要嘅：視頻 demo。Ryan Mather 提到佢可以直接生成視頻形態嘅演示，唔只係靜態圖。呢個對產品發布、用戶測試、投資人溝通係新嘅能力位。
一句話概括使用邊界：結構清晰、信息塊明確、交互邏輯可描述嘅嘢，佢都做得唔錯；模糊情緒導向嘅純藝術創作，佢唔係嚟搶呢個飯碗嘅。
呢件事唔止關於設計
Ryan Mather 一個人服務 7 個產品，呢個係一個信號。呢件事擺喺兩個月之前係冇可能嘅。
對設計師
生產力會指數級提升，但團隊規模大概率會縮。過去一間公司需要 5 個設計師嘅活，而家 1 到 2 個就可以做完，而且單人產出反而更多、更好。留低嘅人會更值錢，因為佢哋做嘅係真正考驗判斷力嘅工作：品牌方向、關鍵插畫、命名、戰略級決策。剩低 80% 嘅執行工作，模型接手咗。
同樣嘅劇本，已經上演過
編程圈係 Claude Code，用得好 AI 嘅工程師產出翻幾倍，跟唔上嘅慢慢被擠出嚟；分析圈係各種 AI 輔助數據分析，分析師從「寫 SQL 嘅」變成「同 AI 一齊問問題嘅」。每一次輪到新嘅專業，行嘅都係同一條軌跡：人均產出飆升，頭部嘅人攞得更多，尾部嘅人睇住機會一點點消失。設計圈啱啱走到呢個拐點。
對 PM、創始人、營銷人員
呢個係一個全新嘅能力。以前你有想法，一係畫個草圖揾設計師排隊，一係忍痛自己做個醜到抑鬱嘅 PPT。而家你描述清楚想法，佢俾你一個可以直接拎去畀工程師、畀投資人、畀客戶嘅成品。
對 Figma、Adobe、Canva
呢個係警鐘，但股價跌 10% 可能只反映咗表層衝擊。Ryan Mather 嗰條推文裏面仲有一層更深嘅信號：Anthropic 自己嘅設計團隊已經將 Claude Design 當主力工具用，Figma 只係偶然先會被提到。如果 Anthropic 嘅設計師已經唔主要用 Figma，其他科技公司憑咩仲主力用？再過 2 到 3 個季度，當企業年度預算開始重新整合設計工具開銷，老牌工具嘅續費數字會比股價畀出更直接嘅答案。
對公司決策層
有兩件事要重新計數。一件係設計崗位嘅編制。Mather 一個人覆蓋 7 個產品線，背後嘅參照線係原本需要 3 到 5 個設計師嘅工作量；放喺年度預算表裏面，呢個數字好難唔被人問到。另一件係工具訂閲成本。當主力工作可以喺一個產品裏面基本完成，嗰啲原本分散喺 Figma、Sketch、Notion、Miro、Keynote 嘅賬號就會被拎出嚟重新評估。
對工程師
呢個係久違嘅好消息。設計到工程嘅交接一直係最痛苦嘅環節之一：設計師按視覺做，工程師按代碼做，中間全靠 Figma 標註同來回 review。而家從 Claude Design 出嚟嘅嘢本身就帶住組件結構同實現草案，落地成本直接降一個量級。
其他
Claude Design 目前仲係 research preview，有一些現實邊界需要清楚：
佢仲未有審計日誌同用量追蹤，唔支持數據駐留，上傳嘅資產會被持久儲存。如果你喺一間對合規要求好嚴嘅公司，短期內最好唔好將最高敏感度嘅設計素材直接放落去。
佢目前只有網頁界面，冇開放 API。你想將佢嵌入自己產品裏面，目前仲未得，只能基於 Claude API 同 Agent SDK 自建類似能力。但 Claude Design 能力咁強，最關鍵係 Opus 4.7 模型喺多模態能力上嘅增強，理論上嚟講你用 Opus 4.7 都可以砌出類似嘅產品。
但係同 Claude Code 一樣，雖然同樣用 Claude 嘅模型，但係 Claude Code 喺好多方面就係表現得更好，畢竟 Anthropic 佢哋自家先知道點樣最大化咁用好新模型，以及佢哋仲可以反過來，根據用戶使用嘅設計數據同交互，去訓練下一代嘅模型，形成數據飛輪。
呢個優勢短期內其他家例如 OpenAI 同 Gemini，仲未能好快追上。
價格同額度
| 有一次過 credit，約莫覆蓋 20 個典型 prompts，2026-07-17 到期 |
呢張表基於 Anthropic 官方 Claude Design 定價文檔整理；官方冇公開 weekly allowance 嘅具體數值，所以呢啲格子必須標記為「未說明」。
我自己係 Claude Max@5x，就設計咗一個 App 同生成咗一個 Slides，一個禮拜嘅額度就用曬。
模型、規格同多模態能力
Claude Design 目前唯一明確公開嘅底層模型係 Claude Opus 4.7。 官方冇說明用戶係咪可以喺 Claude Design 中切換到 Sonnet 或 Haiku，因此呢一項應視為未說明 / 大概率固定。與此同時，Anthropic 嘅模型總覽頁面畀出咗當前主力模型嘅對比，方便理解 Claude Design 選型背後嘅原因。
claude-opus-4-7 | Claude Design 已確認採用 | ||||||
claude-sonnet-4-6 | |||||||
claude-haiku-4-5-20251001 |
上表數據由 Anthropic 模型總覽彙總；其中「Claude Design 採用關係」來自 Claude Design 官方博客。
喺視覺規格上，Opus 4.7 係首個支援高分辨率圖像嘅 Claude 模型，最大原生分辨率可達長邊 2576 像素，單圖最高約 4784 圖像 token。呢個對 Claude Design 尤其重要，因為佢大量依賴截圖、網頁捕獲、原型對照同文檔視覺語義。與此同時，Opus 4.7 使用新 tokenizer，處理相同文本時 token 可能比 Opus 4.6 高出約 1x–1.35x，呢個意味住喺圖像/代碼/長上下文場景裏面，開發者必須重新估算 max_tokens、緩存同成本。
最後
Claude Design 帶來嘅衝擊，唔只係設計圈嘅一次效率升級，更加似一場深刻嘅範式轉變。過去，設計師們習慣喺畫布上精雕細琢、手動標註；而家，AI 已經可以直接從想法到可運行嘅高保真交互原型，令設計師嘅角色從純粹嘅執行者向戰略性嘅決策者轉變。呢種變化唔只發生喺設計領域，程序員、分析師、營銷人員、產品經理，都已經或者即將經歷類似嘅革命。
喺咁樣一個時代裏面，真正被重新定義嘅唔止係我哋嘅工作方式，仲有我哋對生產力同創造力嘅理解。AI 唔會取代人類對美嘅判斷、對品牌嘅洞察、對戰略嘅規劃，但佢嘅到來卻令每個人都有機會更加專注於呢啲最具價值嘅能力。
或者幾年後，我哋會回頭睇今日嘅 Claude Design，就好似今日我哋看待第一次使用 Claude Code 咁，發現歷史嘅分水嶺就喺不經意間發生咗——而我哋啱啱走進咗嗰個全新嘅未來。
Anthropic 今天發佈了 Claude Design，第一時間體驗了一下，震驚程度不亞於當年第一次用 Claude Code 寫代碼。借用 flypig 老師一句話：
剛才用了一下，這麼說：Claude Design 讓 Google 那個 Stitch 看起來像個笑話。
這就是設計領域的 Claude Code 時刻。 我不會說“設計已死”、“設計師要被替代了”之類譁眾取寵的話，只是想說：
從想法到高保真交互原型的差距已基本消失，非設計師終於能獨立產出可交付設計；設計師生產力指數級提升，但設計外包和傳統設計工具要大幅縮水了。
今天 Figma 股價大跌也側面印證了這一點。
給大家看一個完整案例，這是我大約 3 輪交互做出來的一個設計作品，不是簡單的一個靜態圖片或者網頁，裏面的連結大部分可以點擊交互。
初始提示詞很簡陋：
幫我設計一個 writing agent 的 Mac App
支持多 workspace，可以看到 workspace 的文檔（markdown、文本文檔），可以對文檔進行手動編輯，也可以調用 agent 編輯 markdown 文檔
也可以在聊天對話中創建/編輯文檔
主要是我還沒想好做成個啥樣，期待着它幫我想想，所以說得比較模糊。
然後它給了我一些問題讓我選擇，有單選有多選，還可以自己輸入，或者讓它自行決定。
過了一會去看，它給了我 3 個方案讓我選擇，就像一個專業的設計師，先跟你確認清楚需求，然後給幾個不同方向讓你挑。
每個結果都不是靜態圖片或者靜態網頁，都是可以點擊交互的。
看完我覺得方案 2 和方案 3 都不錯，但都有問題，需要綜合一下。於是給了一些修改意見，還把 Codex 的截圖發給它參考，讓它把方案 2 和方案 3 綜合一下，再結合 Codex 的一些設計。
它很快給了我一個新版本，基本上就是我想要但是描述不清楚的那種。 比如它把 Documents 和 Chat 用一個 Tab 分開，就是我喜歡的設計，比我預想的“一上一下”更好。
整體設計我挺滿意，也提不出更好的要求，接下來就是摳細節。文檔編輯歷史它沒實現，我就讓它補這塊。
提示詞很簡單：
幫我基於當前設計，設計 history 部分，希望用戶能更方便的看文檔編輯歷史，對比差異
很快它就出了一版，但是打開一看，效果不行。
我正準備提示它改，結果發現它自己檢測出了佈局問題，自己修復了。
修復後的版本就很好看了，沒有佈局問題，甚至還能方便地選擇任意兩個版本比較變更。
從左邊的消息歷史看，它有自動糾錯機制。
最終產出物是 React 代碼和樣式表。
整個過程讓我很意外的幾件事：它會主動問需求、它會給多方案、它能理解多圖混合參考、它能自檢自糾、它輸出的是可運行代碼而不是靜態稿。這套協作模式，和之前任何一個設計工具都不一樣。
Claude Design 到底是個什麼東西
先說基礎信息。Claude Design 是 Anthropic Labs 今天發佈的新產品，由 Claude Opus 4.7 驅動，Pro、Max、Team、Enterprise 訂閲都能用（Enterprise 默認關，需要管理員開），直接去 claude.ai/design 就能進。
界面很簡單：左邊聊天，右邊畫布。 你描述想要什麼，它在右邊畫出來；你用聊天、行內評論、直接編輯、或者它自動生成的調節滑桿去改；改完之後可以導出成 HTML、PDF、PPTX、ZIP，或者送進 Canva 繼續編輯，或者直接打包給 Claude Code 去落地成產品代碼。
看起來好像就是個 AI 版 Figma？並不是。
Ryan Mather 是 Anthropic 自己設計團隊的人，一個人同時負責 7 個產品線。他今天發的推文裏面說了一條很關鍵的話：
不要用對待畫布工具的方式來用 Claude Design。它是另一種動物，有自己的超能力。老實說它更像 Claude Code，而不是像畫布式的設計工具。
https://x.com/Flomerboy/status/2045162328593670321
這句話是理解 Claude Design 的鑰匙。
和 Figma、Canva 們的根本不同
過去一年，Figma 加了 AI、Adobe 加了 AI、Canva 也加了 AI。它們的邏輯都是一樣的：在以人為主的畫布工具上，加一層 AI 插件，幫你畫得更快一點、寫文案方便一點。
Claude Design 走的是另一條路：AI 是主要的生成者，人是主要的審閲者。整套工具的骨架就是圍繞這個假設搭的。
這個區別聽起來抽象，落到產品上有幾個很具體的差異。
輸出是可運行代碼，不是靜態設計稿
我上面那個 Mac App 案例，最終拿到的是 React + CSS，是一個能跑的東西，連結可以點、標籤可以切、版本可以 diff。這和“生成一張漂亮的 UI 圖”是兩個物種。
組織級設計系統
你上傳代碼庫、PPT、品牌資料之後，它會抽出顏色、字體、組件、佈局規範，後面所有項目都自動套用。Brilliant 的設計師反饋說，以前在別的工具裏需要 20 多輪提示才能搞定的複雜交互，在 Claude Design 裏 2 輪就搞定，原因就是它已經“認識”你的設計語言。
理解你的代碼庫
不是把代碼當截圖看，是真的讀組件結構、框架模式、文件組織。所以設計師做完之後點一下 handoff，工程師那邊拿到的不是“這是一張圖你去還原”，而是“這是一組可以直接接到你現有組件庫裏的實現草案”。
會做工具，不只是做設計
官方博客裏提到一個能力：你可以讓 Claude Design 臨時給你生成一個專門的工具，比如一個針對你品牌色盤的拾色器、一個自定義的 spec 生成器、一個小的交互原型測試工具。產出不侷限於“設計文件”，而是“任何幫你把問題想清楚的計算產物”。
Datadog 的反饋也有意思：以前需要一週、跨多輪 brief → mockup → review 才能完成的事，現在在一次會議裏就能邊聊邊做出成型原型，甚至讓工程師現場參與到設計對話裏。
這不像“Figma 提速 30%”那種優化。更像另一種工作方式。
能拿來做什麼
從官方博客和目前披露的使用場景看，Claude Design 至少能覆蓋這幾類工作：
產品原型和交互流程。 比如我的 Mac App 案例，或者 5 屏 onboarding 流程、帶篩選和詳情抽屜的搜索體驗、審批工作流隊列。這是它最強的一塊。
演示文稿。 10 頁 Q1 結果 Deck、15 頁董事會 roadmap、客戶會前材料、全員會 Deck。導出 PPTX 直接可用，也可以送去 Canva 繼續編輯。
營銷物料。 落地頁、社媒圖、活動視覺。
內部工具後台。 管理面板、內容審核隊列、權限管理界面。這一類過去專門養一個前端崗來做，現在 PM 自己就能出可交付原型。
設計探索。 一次性出 3 到 5 個方向，讓你挑。以前這是“我時間不夠所以只能做兩版給你看”，現在是“我出五版，你挑一版再精修”。
還有官方沒重點講但其實很重要的：視頻 demo。Ryan Mather 提到它能直接生成視頻形態的演示，不只是靜態圖。這對產品發佈、用戶測試、投資人溝通是新的能力位。
一句話概括使用邊界：結構清晰、信息塊明確、交互邏輯可描述的東西，它都做得不錯；模糊情緒導向的純藝術創作，它不是來搶這個飯碗的。
這事不止關於設計
Ryan Mather 一個人服務 7 個產品，這是一個信號。這事放在兩個月之前是不可能的。
對設計師
生產力會指數級提升，但團隊規模大概率會縮。過去一家公司需要 5 個設計師的活兒，現在 1 到 2 個就能做完，而且單人產出反而更多、更好。留下來的人會更值錢，因為他們做的是真正吃判斷力的工作：品牌方向、關鍵插畫、命名、戰略級決策。剩下 80% 的執行工作，模型接走了。
同樣的劇本，已經演過了
編程圈是 Claude Code，能用好 AI 的工程師產出翻幾倍，跟不上的慢慢被擠出來；分析圈是各種 AI 輔助數據分析，分析師從“寫 SQL 的”變成“和 AI 一起提問題的”。每一次輪到新的專業，走的都是同一條軌跡：人均產出飆升，頭部的人拿得更多，尾部的人看着機會一點點消失。設計圈剛好走到這個拐點。
對 PM、創始人、營銷人員
這是一個完全新的能力。以前你有想法，要麼畫個草圖找設計師排隊，要麼忍着自己做個醜到抑鬱的 PPT。現在你描述清楚想法，它給你一個可以直接拿去給工程師、給投資人、給客戶的成品。
對 Figma、Adobe、Canva
這是警鐘，但股價跌 10% 可能只反映了表層衝擊。Ryan Mather 那條推裏還有一層更深的信號：Anthropic 自己的設計團隊已經把 Claude Design 當主力工具用，Figma 只是偶爾才會被提到。如果 Anthropic 的設計師已經不主要用 Figma，別的科技公司憑什麼還主要用？再過 2 到 3 個季度，當企業年度預算開始重新整合設計工具開銷，老牌工具的續費數字會比股價給出更直接的答案。
對公司決策層
有兩件事要重新算賬。一件是設計崗位的編制。Mather 一個人覆蓋 7 個產品線，背後的參照線是原本需要 3 到 5 個設計師的工作量；放到年度預算表裏，這個數字很難不被問到。另一件是工具訂閲成本。當主力工作能在一個產品裏基本完成，那些原本分散在 Figma、Sketch、Notion、Miro、Keynote 上的賬號就會被拿出來重新評估。
對工程師
這是久違的好消息。設計到工程的交接一直是最痛苦的環節之一：設計師按視覺做，工程師按代碼做，中間全靠 Figma 標註和來回 review。現在從 Claude Design 出來的東西本身就帶着組件結構和實現草案，落地成本直接降一個量級。
其他
Claude Design 目前還是 research preview，有一些現實邊界需要清楚：
它還沒有審計日誌和用量追蹤，不支持數據駐留，上傳的資產會被持久存儲。如果你在一家對合規要求很嚴的公司，短期內最好不要把最高敏感度的設計素材直接放進去。
它目前只有網頁界面，沒有開放 API。你想把它嵌到自己產品裏，目前還不行，只能基於 Claude API 和 Agent SDK 自建類似能力。但 Claude Design 能力這麼強，最關鍵的是 Opus 4.7 模型在多模態能力上的增強，理論上來說你用 Opus 4.7 也能搭出來類似的產品。
但是和 Claude Code 一樣，雖然同樣用 Claude 的模型，但是 Claude Code 在很多方面就是能表現更好，畢竟 Anthropic 他們自家才知道怎麼最大化的利用好新的模型，以及他們還能反過來，根據用戶使用的設計數據和交互，去訓練下一代的模型，形成數據飛輪。
這個優勢短期內其他家比如 OpenAI 和 Gemini，還無法很快追上。
價格與額度
| 有一次性 credit，約覆蓋 20 個典型 prompts，2026-07-17 到期 |
這張表基於 Anthropic 官方 Claude Design 定價文檔整理；官方沒有公開 weekly allowance 的具體數值，所以這些格子必須標記為“未說明”。
我自己是 Claude Max@5x，就設計了一個 App 和生成了一個 Slides，一週的額度就沒了。
模型、規格與多模態能力
Claude Design 當前唯一明確公開的底層模型是 Claude Opus 4.7。 官方沒有說明用戶是否可以在 Claude Design 中切換到 Sonnet 或 Haiku，因此這一項應視為未說明 / 大概率固定。與此同時，Anthropic 的模型總覽頁面給出了當前主力模型的對比，便於理解 Claude Design 選型背後的原因。
claude-opus-4-7 | Claude Design 已確認採用 | ||||||
claude-sonnet-4-6 | |||||||
claude-haiku-4-5-20251001 |
上表數據由 Anthropic 模型總覽彙總；其中“Claude Design 採用關係”來自 Claude Design 官方博客。
在視覺規格上，Opus 4.7 是首個支持高分辨率圖像的 Claude 模型，最大原生分辨率可達長邊 2576 像素，單圖最高約 4784 圖像 token。這對 Claude Design 尤其重要，因為它大量依賴截圖、網頁捕獲、原型對照和文檔視覺語義。與此同時，Opus 4.7 使用新 tokenizer，處理相同文本時 token 可能比 Opus 4.6 高出約 1x–1.35x，這意味着在圖像/代碼/長上下文場景裏，開發者必須重新估算 max_tokens、緩存與成本。
最後
Claude Design 帶來的衝擊，不只是設計圈的一次效率升級，更像一場深刻的範式轉變。過去，設計師們習慣於在畫布上精雕細琢、手動標註；現在，AI 已經可以直接從想法到可運行的高保真交互原型，讓設計師的角色從純粹的執行者向戰略性的決策者轉變。這種變化不只發生在設計領域，程序員、分析師、營銷人員、產品經理，都已經或者即將經歷類似的革命。
在這樣一個時代裏，真正被重新定義的不僅是我們的工作方式，還有我們對生產力和創造力的理解。AI 不會取代人類對美的判斷、對品牌的洞察、對戰略的規劃，但它的到來卻讓每個人都有機會更加專注於這些最具價值的能力。
也許幾年後，我們會回頭看今天的 Claude Design，就像今天我們看待第一次使用 Claude Code 那樣，發現歷史的分水嶺就在不經意間發生了——而我們剛剛走進了那個全新的未來。