Claude Design 在 2026 年 4 月 17 日正式上線,這是 Anthropic Labs 推出的視覺設計產品,讓沒有設計背景的人也能做出原型、簡報和行銷素材。 產品由同日發表的 Claude Opus 4.7 驅動,目前以 research preview 形式開放給 Pro、Max、Team 和 Enterprise 訂閱用戶。一位軟體工程背景的使用者在 5x Max 方案下連續使用 10 小時後,用掉了大約 80% 的週用量,他的結論是:這個工具的威力超出預期,但學習曲線確實存在。
這篇文章整理 Claude Design 的功能架構、實測心得、對設計產業的衝擊,以及背後牽動 Figma 和 Canva 的商業角力。
Claude Design 做了什麼
Claude Design 的定位不是取代 Figma 或 Canva,而是解決設計流程中「從零到初稿」這段最耗時的環節。Anthropic 官方的說法是:它是為那些不從設計工具出發、但需要快速把想法視覺化的人而設計的。
產品的核心流程分成幾個階段。第一步是建立設計系統:在 onboarding 階段,Claude 會讀取團隊的 codebase 和設計檔案,自動抓取品牌色、字型和元件。之後每個新專案都會套用這套系統,團隊也可以維護多組設計系統。
輸入方式很彈性。你可以用文字描述、上傳圖片或文件(DOCX、PPTX、XLSX),或直接讓 Claude 讀取程式碼庫。還有一個 web capture 工具,可以從現有網站擷取元素,讓原型看起來跟實際產品一致。
修改設計的方式也不只有對話。使用者可以在畫面上直接下 inline comment、手動編輯文字、用 Claude 自動生成的 slider 調整間距和顏色。這些微調完成後,再讓 Claude 把改動套用到整份設計。
匯出方面,支援組織內部 URL 分享、Canva、PDF、PPTX 和獨立 HTML 檔。最關鍵的是跟 Claude Code 的銜接:設計完成後,Claude 會打包成一個 handoff bundle,一道指令就能傳給 Claude Code 進入開發。這個封閉迴路把探索、原型到正式程式碼都留在 Anthropic 的生態系裡。


10 小時實測:學到什麼
我們在上線當天連續用了 10 小時,從零開始建設計系統,然後用這套系統做 dashboard,以下為關鍵心得。
第一,初稿用 Opus 4.7 很重要。每個 chat 的第一個 prompt 應該用 Opus 4.7,因為初始 draft 的品質決定後續所有修改的天花板。之後的編輯可以降級到 Sonnet 4.6 或其他模型。
第二,編輯階段的 token 消耗比預期低很多,而且速度快、準確度也不錯。他建議用小而精確的 prompt 做修改,或直接用編輯按鈕和繪圖按鈕選取特定元素或區域。
第三,用量方面,10 小時的密集使用在 5x Max 方案下消耗了約 80% 的週額度。他認為這個定價算合理,因為 Claude Design 的用量追蹤跟 Claude Code 和一般 chat 是分開計算的。
Opus 4.7 的視覺能力跳了一個世代
Claude Design 的品質直接跟 Opus 4.7 的能力綁定。這個模型在 2026 年 4 月 16 日發布,視覺處理有幾個關鍵升級。
影像解析度從先前的 1,568 像素(約 1.15MP)提升到 2,576 像素(約 3.75MP),等於三倍以上的提升。在 XBOW 的視覺精度基準測試中,Opus 4.7 拿到 98.5% 的分數,Opus 4.6 只有 54.5%。這代表它能正確解讀複雜的技術圖表、化學結構式和密集的 dashboard。
程式碼面的提升也很明顯:在 93 項 coding 基準測試中比 Opus 4.6 高出 13%,CursorBench 從 58% 拉到 70%。Anthropic 描述這個模型「更有品味、更有創意」,能產出品質更高的介面、簡報和文件。
API 定價維持 $5/$25 per million tokens(約 NTD 160/800)。但要注意新的 tokenizer 會讓同樣的輸入消耗大約 1.0 到 1.35 倍的 token。


早期採用者怎麼說
Anthropic 引用了兩家企業的實測數據。教育科技公司 Brilliant 的資深產品設計師 Olivia Xu 指出,他們最複雜的頁面在其他工具需要 20 個以上的 prompt 才能重建,在 Claude Design 只需要 2 個 prompt。Brilliant 的團隊接著把靜態 mockup 轉成可互動的原型,直接進行使用者測試,不需要經過 code review。
Datadog 的產品經理 Aneesh Kethini 則描述了流程壓縮的效果:原本一個禮拜的簡報、mockup 和審核來回,現在在一場對話裡就完成了。
這些數據還需要更多獨立驗證,但如果成立,對設計流程的效率提升是 5 到 10 倍等級的。
Mike Krieger、Figma 和一場安靜的分手
Claude Design 的發布時間線值得細看。4 月 14 日,The Information 率先報導 Anthropic 的下一代模型將包含設計工具。同一天,Anthropic 的首席產品長 Mike Krieger 辭去了 Figma 的董事職位,Figma 向美國 SEC 提交了公告。
Krieger 的背景讓這件事更耐人尋味。他是 Instagram 的共同創辦人,2024 年加入 Anthropic 擔任 CPO,加入 Figma 董事會不到一年就離開。他現在共同領導 Anthropic Labs 團隊,Claude Design 正是這個團隊的產品。
Figma 在 SEC 公告中表示,Krieger 的離開「並非因為對 Figma 的營運、政策或實務有任何不同意見」。但時間點說明了一切:離開董事會的那天就是競爭產品被報導的那天,三天後產品上線。
市場反應很直接。Claude Design 發布當天,Figma 股價一度下跌 7.28%,從 $20.32 跌到 $18.84。Adobe 和 Wix 也跟著下跌。Anthropic 的公告裡引用了 Canva CEO Melanie Perkins 的合作聲明,但 Figma 的聲音完全缺席。
| 公司 | 事件日股價變動 | 市值 | 主要影響 |
|---|---|---|---|
| Figma | -7.28% | 約 USD 10B(約 NTD 320,000,000,000) | 核心產品直接受到挑戰 |
| Adobe | -2.7% | 約 USD 175B(約 NTD 5,600,000,000,000) | 設計軟體板塊連帶下跌 |
| Wix | -4.7% | 約 USD 12B(約 NTD 384,000,000,000) | 網頁設計工具受壓 |
| Anthropic | 未上市 | 估值約 USD 800B(約 NTD 25,600,000,000,000) | IPO 可能提前至 2026 年 10 月 |
Anthropic 的商業版圖:設計只是一塊拼圖
Claude Design 的發布要放在 Anthropic 更大的商業敘事裡看。這家公司的年化營收從 2024 年底的 10 億美元,爆發式成長到 2026 年 4 月的 300 億美元以上,超越 OpenAI 的 250 億美元,成為全球營收最高的 AI 公司。
Claude Code 是成長主引擎,年化營收超過 30 億美元,佔全球 AI 程式工具市場 54% 的份額。企業客戶的黏著度也在攀升:年消費超過 100 萬美元的客戶從 2026 年 2 月的 500 家倍增到 4 月初的 1,000 家以上,Fortune 10 有 8 家使用 Claude。
2026 年 2 月,Anthropic 完成 300 億美元的 G 輪融資,估值 3,800 億美元。到了 4 月,多家創投主動提出 8,000 億美元估值的投資要約,Anthropic 目前沒有接受。公司正在跟 Goldman Sachs、JPMorgan 和 Morgan Stanley 洽談 IPO 事宜,最快可能在 2026 年 10 月上市,預計募資超過 600 億美元。
Claude Design 代表的是 Anthropic 從「基礎模型供應商」轉向「全端產品公司」的戰略轉型。Claude(對話)、Claude Code(開發)、Claude Cowork(知識工作)、Claude Design(設計)加起來,覆蓋了從構想到交付的完整工作流。
設計產業的結構性衝擊
Claude Design 對設計產業的衝擊不在於它比 Figma 更擅長做 Figma 做的事。它改變的是設計的起點。
傳統流程是:商業需求 → 簡報 → 設計師 mockup → 來回修改 → 開發交接。Claude Design 壓縮的是前面幾個步驟,讓 PM、創辦人和行銷人員能自己產出可用的初稿,再交給設計師精修,或直接透過 Claude Code 進入開發。
三藩市的平面設計師 Molly McCoy 在接受 The Register 採訪時做了一個區分:這類工具在企業設計環境裡會很好用,因為那裡的創意空間本來就有限,大量工作是在既有品牌規範下做重複性輸出。但在需要原創性和客戶關係的設計業務裡,AI 還無法取代人的判斷。
根據 Ramp 的企業支出數據,Anthropic 在企業 AI 市場的份額從 2026 年 2 月的 24.4% 增加到 3 月的 30.6%,同期 OpenAI 從 46% 降到 35.2%。在爭取新企業客戶的直接競爭中,Anthropic 的勝率達到 70%。
Claude Design vs. 現有工具比較
| 維度 | Claude Design | Figma | Canva |
|---|---|---|---|
| 核心用途 | 從零到初稿的快速視覺化 | 專業 UI/UX 設計和協作 | 行銷素材和簡報 |
| AI 整合程度 | 原生 AI 驅動,對話式操作 | AI 作為輔助功能(Make/Weave) | Dream Lab 等 AI 生成功能 |
| 設計系統支援 | 自動從 codebase 建立 | 手動建立和維護 | 品牌套件功能 |
| 開發交接 | 一鍵 handoff 到 Claude Code | 需要開發者手動解讀設計稿 | 無直接開發交接 |
| 協作功能 | 組織內分享和共同編輯 | 即時多人協作(核心優勢) | 即時多人協作 |
| 匯出格式 | Canva / PDF / PPTX / HTML | 多種設計格式 / CSS / 開發規格 | 多種圖檔和文件格式 |
| 定價 | 含在 Claude 訂閱方案中 | 免費版 + 付費方案 | 免費版 + 付費方案 |
| 適合對象 | PM、創辦人、行銷、非設計師 | 專業設計師、設計團隊 | 行銷人員、一般用戶 |
使用 Claude Design 的實戰建議
根據早期使用者的回饋,有幾個操作要點值得留意。
初始 prompt 的品質決定一切。建議第一次 prompt 用 Opus 4.7,投入足夠的描述細節。一旦拿到不錯的初稿,後續編輯可以切換到成本較低的模型。每次修改用小而具體的指令,比一次塞入大量需求效果更好。
設計系統的建立值得花時間。在 onboarding 階段讓 Claude 充分讀取你的 codebase 和品牌素材,之後每個專案的一致性會明顯提升。
用量管理也是重點。Claude Design 的用量獨立於 chat 和 Claude Code,有自己的週限額。密集使用一天就可能消耗大半額度,建議把探索性的工作集中在一兩個 session 裡,避免零散使用造成浪費。
常見問題
Claude Design 需要額外付費嗎?
不需要。Claude Design 包含在 Pro、Max、Team 和 Enterprise 訂閱方案中,使用訂閱額度。超過額度後可以啟用 extra usage 繼續使用。Enterprise 用戶預設關閉,需要管理員在組織設定中啟用。Enterprise 用戶還會獲得一次性的免費額度,大約可以用 20 個 prompt,到 2026 年 7 月 17 日前有效。
Claude Design 會取代 Figma 嗎?
短期內不會。Claude Design 的強項是快速從零產出初稿,但 Figma 的即時多人協作、精細的設計控制和成熟的元件生態系仍然是專業設計團隊的核心工具。兩者更像是互補關係:用 Claude Design 快速探索方向,在 Figma 裡精修。不過長期來看,如果 AI 生成的設計品質持續提升,部分中低複雜度的設計工作確實可能被壓縮。
Opus 4.7 跟 Opus 4.6 的主要差異是什麼?
三個面向的提升最明顯。視覺解析度提高三倍以上(從 1.15MP 到 3.75MP),coding 基準測試提高 13%,指令遵循能力大幅改善。新的 tokenizer 會讓 token 消耗增加約 1.0 到 1.35 倍。API 定價維持 $5/$25 per million tokens(約 NTD 160/800)。
Claude Design 的設計品質跟專業設計師比如何?
根據 Brilliant 和 Datadog 的回饋,Claude Design 在從描述到初稿的速度上有壓倒性優勢,但最終品質仍需要設計師介入精修。Anthropic 自己的定位也是「讓設計師有更多探索空間」和「讓非設計師能產出可用的視覺素材」,而非取代專業設計工作。
Claude Design 的 handoff 到 Claude Code 是怎麼運作的?
設計完成後,Claude 會把所有設計意圖、元件和規格打包成一個 handoff bundle。使用者只需一道指令就能傳給 Claude Code,後者會基於這個 bundle 開始實作。Brilliant 的團隊實測了這個流程,從靜態 mockup 到互動原型到正式程式碼,全程在 Anthropic 生態系內完成。
引用來源
- Anthropic — Introducing Claude Design by Anthropic Labs
- VentureBeat — Anthropic just launched Claude Design, an AI tool that turns prompts into prototypes
- TechCrunch — Anthropic CPO leaves Figma's board after reports he will offer a competing product
- The Next Web — Anthropic has attracted investor offers at an $800 billion valuation
- CNBC — Anthropic closes $30 billion funding round at $380 billion valuation
- Claude Design 完全指南 · 教學 + Cheatsheet + 社群資源
- Claude Code 實戰課程 | 課程目錄
Author Insight
我們團隊一直把 Claude Code 當作日常開發的主要工具,Claude Design 上線後我自己花了幾個小時測試,體驗跟這位使用者的回饋很接近:初稿品質讓人意外,但要做到可交付的水準還是需要設計判斷力。我覺得 Claude Design 真正改變的不是設計本身,而是設計流程裡的溝通成本。PM 不再需要用文字描述他要什麼、等設計師理解、再來回修改。他可以先用 Claude Design 做出一個 70 分的版本,設計師在這個基礎上拉到 95 分。對多數中小企業來說,這個工作流已經夠用了。
