觀點 · 資訊分享
Anthropic 推出 Claude Design:用對話做簡報、原型與一頁式文件,完成後能直接交給 Claude Code
Anthropic Labs 推出新產品 Claude Design,由 Claude Opus 4.7 驅動,可以用對話做出設計稿、互動原型、簡報與一頁式文件,並匯出到 Canva、PDF、PPTX 或網頁檔。目前為研究預覽,開放給 Pro、Max、Team 與 Enterprise 訂閱者。
- 發布
- 2026-04-18
- 篇幅
- 約 3 分鐘 · 1,564 字
- 結構
- 8 節 + 4 題常見問題
- 標籤

一句話看懂:Anthropic 推出 Claude Design,你描述想要什麼,Claude 先做出第一版,再用對話與微調慢慢改到滿意,最後能匯出,或交給 Claude Code 變成真的程式。

先用白話講:Claude Design 是什麼?
想像你請了一位設計助理:你說「我要一份給客戶看的簡報,風格要跟我們公司一致」,他先做出一份草稿;你說「這頁標題大一點、顏色再深一點」,他立刻改好。Claude Design 就是把這個流程搬到 Claude 裡。
官方說,這是 Anthropic Labs 的新產品,由最強的視覺模型 Claude Opus 4.7 驅動,可以做設計稿、互動原型、簡報、一頁式文件等視覺作品。
發生什麼事
Anthropic 在 4 月 17 日宣布 Claude Design 推出:
- 階段:研究預覽(research preview),當天逐步開放。
- 對象:Claude Pro、Max、Team 與 Enterprise 訂閱者;使用量算在訂閱額度內,也可以選擇啟用額外用量。
- Enterprise:預設關閉,需管理員在組織設定開啟。
它能做什麼?
官方列出的用途:
- 把靜態設計稿變成能分享的互動原型,不需要經過程式審查或 PR。
- 產品經理畫功能流程與線框圖,再交給 Claude Code 實作。
- 設計師快速做出很多種方向來探索。
- 從粗略大綱做成符合品牌的簡報,再匯出 PPTX 或送去 Canva。
- 行銷人員做登陸頁、社群素材與活動視覺。
流程怎麼走?
| 步驟 | 內容 |
|---|---|
| 品牌設定 | 上手時讀取你的程式碼與設計檔,建立團隊設計系統,之後專案自動套用顏色、字型與元件 |
| 匯入 | 文字提示、圖片與文件(DOCX、PPTX、XLSX)、程式碼,或用網頁擷取工具抓網站元素 |
| 微調 | 行內留言、直接改文字、旋鈕調整間距顏色與版面 |
| 協作 | 可設為私人、組織內有連結者可看,或給編輯權限一起對話修改 |
| 匯出 | 組織內網址、資料夾,或 Canva、PDF、PPTX、獨立 HTML |
| 交接 | 打包成交接包,用一句指令交給 Claude Code |
給開發者的技術細節
- 官方提到,之後幾週會讓整合更容易,方便接上團隊已經在用的工具。
- 官方也提到支援「用程式碼做的原型」,例如語音、影片、著色器、3D 與內建 AI。
- 官方引用的客戶說法:Brilliant 表示,最複雜的頁面在其他工具要提示 20 次以上,在 Claude Design 只要 2 次。這是客戶的說法,不是官方測試數字。
- 官方沒有公布用量上限與價格細節,實際額度請看你的訂閱方案。
我的看法
我平常做網站要自己兼顧設計,常常卡在「畫面長什麼樣子」這一關。這種工具如果好用,對小團隊最大的價值是:跟客戶討論時,可以當場做出能點的原型,而不是只給一張靜態圖。
但我會保持幾個小心:第一,這是研究預覽,功能與限制還會變;第二,它會讀你的程式碼與設計檔來建立設計系統,企業客戶的資料能不能給、給到什麼範圍,要先問清楚再用;第三,產出的設計仍要人來把關,品牌、無障礙與實作可行性不會自動變好。
名詞小辭典
- Anthropic Labs:Anthropic 內部用來試驗新產品的團隊。
- 研究預覽(Research preview):早期開放給部分使用者試用的階段,功能與穩定度還在調整。
- 設計系統(Design system):一套統一的顏色、字型、元件規則,讓不同頁面看起來一致。
- 原型(Prototype):能點、能操作的樣品,讓人先試用再決定要不要正式開發。
資料來源
常見問題
Claude Design 是什麼?
它是 Anthropic Labs 推出的新產品,讓你用對話和 Claude 一起做視覺作品,例如設計稿、互動原型、簡報與一頁式文件。
誰可以用?要另外付費嗎?
目前是研究預覽,Claude Pro、Max、Team 與 Enterprise 訂閱者可用,使用量算在訂閱額度內,也可以選擇啟用額外用量。Enterprise 組織預設關閉,需管理員到組織設定開啟。
做好的東西可以帶走嗎?
可以。官方列出可匯出到 Canva、PDF、PPTX 或獨立 HTML 檔,也能存成資料夾,或在組織內分享網址。
跟 Claude Code 有什麼關係?
設計完成後,Claude 會把所有內容打包成「交接包」,你可以用一句指令交給 Claude Code 去實作成程式。
接著讀
全部觀點 →Claude Code 新增「閒置壓縮」:長對話放著 54 分鐘就先整理好,回來不用整段重算Claude Code 2.1.299 加入閒置壓縮:超過 20 萬 token 的終端機對話,閒置約 54 分鐘時會趕在一小時的提示快取過期前先壓縮,下一則訊息不必把整段對話重新處理一次。這版也新增讓 @ 檔案只傳路徑的設定。閱讀 →Claude Code 專案功能大改版:交代一個目標,AI 自己拆工作、平行開分支送 PRAnthropic 把 Claude 的「專案」從放檔案的資料夾,改成會自己分工的總指揮:你說目標,它開多條執行緒各自寫程式、跑測試、開 PR,還能用手機盯進度。先以 Beta 開放給部分 Pro 與 Max 用戶。閱讀 →Claude Code 2.1.214 補上一批權限檢查漏洞:超過 1 萬字元的指令一律要你確認Claude Code 在 7 月 18 日釋出 2.1.214,修了多個「不該自動放行卻放行」的權限判斷,包含 Edit(src/**) 這類規則的比對範圍、PowerShell 5.1 的繞過與 docker 的遠端連線旗標。隔天 2.1.215 又改了技能的自動執行。閱讀 →