Anthropic 近日發布最新工具 Claude Design，產品一上線便導致設計龍頭 Figma 股價應聲重挫 7%。這款搭載 Claude Opus 4.7 模型的「AI 協作設計與原型製作工具」，目前是研究預覽版，開放給 Claude Pro、Max、Team、Enterprise 用戶陸續使用。
究竟 Claude Design 厲害在哪？為何能對 Figma 造成如此直接的市場衝擊？Claude Design 可以做到哪些事？本文轉載自《數位時代》，一次整理 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
本文出自《數位時代》，原文：Claude Design簡報教學｜從建立專案到匯出PPTX、Canva，4步驟打造品牌風格簡報
