Anthropic 近日發布最新工具 Claude Design，產品一上線便導致設計龍頭 Figma 股價應聲重挫 7%。這款搭載 Claude Opus 4.7 模型的「AI 協作設計與原型製作工具」，目前是研究預覽版，開放給 Claude Pro、Max、Team、Enterprise 用戶陸續使用。
究竟 Claude Design 厲害在哪？為何能對 Figma 造成如此直接的市場衝擊？Claude Design 可以做到哪些事？《數位時代》以下整理 Claude Design 的特色、使用方式供讀者參考。
文章目錄
1. Claude Design是什麼？
2. Claude Design 解決了什麼問題？
3. 實測：如何用 Claude Design 做簡報
Claude Design 是什麼？
Claude Design 是一款可以根據文字描述、文件或網站內容，自動產出符合品牌風格的介面設計、互動原型、簡報與一頁式文件的工具。它會先讀取團隊的程式碼與設計檔，建立專屬設計系統，之後產出的顏色、字型、元件都能自動對齊品牌。
與一般僅產出單張圖片的 AI 生圖工具不同，Claude Design 生成的是可編輯的版面與互動原型：畫面結構、元件階層、文案與流程都能逐一點選微調，而不是只能重丟提示詞重畫。它也支援多人協作與權限控管，在同一個設計文件裡加註解、共編、與 Claude 群組對話，並且可以一鍵打包交付給 Claude Code，銜接到實際開發流程。
使用者可以在同一個介面裡對畫面加註解、直接改字或用滑桿微調版面，最後再匯出為 PPTX、PDF、Canva 或 HTML，形成從構想到上線的一條龍設計工作流，而不只是輸出一張靜態圖片。
Claude Design 解決了什麼問題？
過往不管是專業的設計師，還是沒有設計背景的 PM、創業者、行銷，想要發想多種版本、做 prototype 或簡報，都很花時間，而且需要設計與工程不斷來回。Claude Design 的定位，就是用自然語言對話的方式，讓使用者先描述需求，由 Claude 生成第一版設計，再透過對話、註解、直接編輯或滑桿微調，一路迭代到滿意為止。
根據 Anthropic 官方發布的新聞稿，Claude Design 可以完成以下事情：
- 設計逼真的互動原型：設計師可以把靜態的模型稿轉成容易分享、可點擊互動的原型，用來收集回饋和做使用者測試，而且不需要經過程式碼審查或送 PR。
- 產品線框圖與模型稿：產品經理可以先畫出功能流程的線框圖和模型稿，再交給 Claude Code 產出程式，或是先分享給設計師進一步優化。
- 設計發想與探索：設計師可以很快產出各種不同方向的設計版本，用來做風格與方向的探索。
- 簡報與提案投影片：創辦人和業務主管可以從簡單大綱出發，在幾分鐘內做出一份完整、符合品牌風格的簡報投影片，之後可匯出成 PPTX 檔或直接送到 Canva 編輯。
- 行銷素材：行銷人員可以製作登陸頁、社群貼文素材和各式行銷視覺，再邀請設計師一起進來潤飾。
- 前沿互動設計：任何人都可以打造由程式驅動的互動原型，結合語音、影片、著色器特效、3D 以及內建的 AI 能力。
教學：用 Claude Design 做簡報
我們以生成簡報為範例，示範如何在 Claude Design 中生成一份作品，以下步驟同樣適用於生成如 prototype、一頁式文件等設計內容。
1. 建立新專案，讓 Claude 認識品牌與產品
進入 Claude Design 後，第一步是建立新專案。接著，可以在專案中加入各種參考素材，讓 Claude 更了解產品與風格，這樣輸出的介面也會更貼近團隊真實使用情境。
2. 告訴 Claude 要設計什麼
要使用 Claude Design 產出設計，需要在提示裡清楚說明幾個關鍵資訊：
- 目標：在做什麼樣的介面或產出（例如：儀表板、登入頁、表單、投影片）。
- 版面配置：重要區塊該怎麼排列、有哪些區段。
- 內容：要呈現哪些資訊或操作。
- 受眾：誰會使用這個介面，面向一般用戶、內部營運人員，還是技術受眾。
例如，我們在對話框內輸入以下提示詞：
請幫忙設計一份 10 頁的簡報，用來向內部營運團隊解釋 Claude Design 是什麼、可以解決什麼問題，以及導入後對編輯流程的影響。
下完提示後，Claude 會先在畫布右側生成一份對齊清單，確認完使用者的需求後，便會生成「可實際點選、可調整」的投影片畫面。
3. 在畫布上查看初版設計並進行調整
Claude Design在生成的設計，有一個名為「Tweaks」的控制區，能夠在同一套版型下，讓使用者快速換整份簡報的重點色系（例如橘色改成酒紅、藏青等），整包頁面會即時套用，不用一頁頁手改字色、底色。
同時，點擊畫面的配件，再選擇右上方的Edit後，便可以看見Claude Design 提供用滑竿調整版面字體、字型大小等設置。
不僅如此，Claude Design 還提供兩種主要方式來調整內容與版面：
用聊天做「大範圍調整」
聊天視窗適合處理整體性的變更，例如風格、結構、版面重新安排等。
用內嵌註解做「精準微調」
當需要針對畫布上的某個元件調整細節時，可以直接在該位置新增註解，做出更精細的指示，而不必在聊天裡花時間描述位置。
4. 匯出與分享設計成果
對設計結果滿意後，就可以視情境選擇合適的匯出或分享方式。官方目前提供多種格式，包括zip、PDF、PPTX、Canva、HTML 或是交接至 Claude Code（可選擇傳送到本機編碼代理，或 Claude Code Web）。
如果是內部協作，也可以產生可分享連結，控制存取權限，例如只讀、可評論或可編輯，方便設計、產品、工程與利害關係人共同檢視與回饋。
總結來說，傳統設計流程往往需要在設計工具、原型工具、簡報軟體與溝通平台之間來回切換，而 Claude Design 嘗試把這些步驟收斂到一個「對話式」介面：用聊天定義需求、在畫布上看成果、用註解與回饋反覆調整，最後再一鍵匯出成 PDF、PPTX、HTML 或設計／編碼工作流。
隨著後續功能與穩定度持續更新，Claude Design 有機會成為團隊在「設計起點」階段的重要工具之一。
延伸閱讀：
Claude for PowerPoint教學：如何把AI放進PPT？安裝、設定與3大應用完整解析
Claude模型怎麼選？Opus、Sonnet、Haiku一表看懂，沒切換模型可能會多花5倍成本
資料來源：Anthropic
