Claude Design 要錢嗎？

不用另外付費。說明中心寫 Free、Pro、Max、Team、Enterprise 都能用，預設就是開的。它的用量跟聊天、Claude Code 算在同一個額度裡，免費版的額度比較少。

Claude Design 的入口在哪？

最直接的是在任何一段對話裡叫它做，例如請它把提案做成一頁式的文件。也可以從側邊欄的 Artifacts 分頁選 Design 範本。舊的獨立網址 claude.ai/design 還能用到 2026 年 12 月 14 日。

Claude Design 可以匯出成 PPT 嗎？

可以。說明中心列的匯出格式有 PDF、PPTX、獨立的 HTML 檔和 zip，也能送到 Google Slides 和 Canva 這些工具。匯出的清單裡沒有 Figma。

不會設計也能用 Claude Design 嗎？

官方的說法是不需要是設計師。重點是把你要做什麼、給誰看、版面怎麼排、要放哪些內容講清楚，不夠的它會反過來問你。

Claude Design 是什麼？怎麼用、要不要錢、入口在哪，還有獨立版年底要關

Claude 的側邊欄有一個 Design，定價頁也把它列成一項功能。它不是另一個要付費的產品。它的入口最近搬過一次，原本獨立的網站年底就要關了。

這篇把它現在的樣子講清楚。

先交代資料來源。功能、入口、匯出格式和時程，是我在 2026 年 10 月 13 日從官方說明中心整理的。我自己做的是：在 Claude Code 裡請它做了一份設計，把過程記下來。畫布上的編輯、留言、匯出這些操作我沒有做，成品的畫面我也沒有打開檢查，所以它設計得好不好看，這篇不評論。

一句話

Claude Design 是用對話做視覺成品的功能。你描述想要什麼，它在對話旁邊的畫布上做出來，你再用講的、用留言或直接動手改。

說明中心列的成品類型有：設計稿、可以互動的原型、一頁式的文件，還有其他視覺的東西。

它現在的身分是 Artifacts 的一種範本。Artifacts 是什麼，我在Claude 教學裡講過，簡單說就是 Claude 做出來、會放在對話旁邊的成品。

入口在哪

說明中心列了五個地方。

在對話裡直接講。例如「把這份提案做成一頁式的文件」「把我們剛剛討論的註冊流程畫成畫面」。它會在對話旁邊做出來。訊息框裡也有一個 Output 的選項，可以直接選 Design。

從側邊欄的 Artifacts 分頁，選 Design 範本。

在 Claude Code 裡。可以直接請它把想法做成設計，或是用 /design 這個指令。

在手機 App 裡。在對話中請它做，做好之後到 Artifacts 分頁用全螢幕看，也可以編輯。要調整分享設定得回到網頁或桌面版。

最後一個是獨立的網站 claude.ai/design。這是 Claude Design 原本的家，它會在 2026 年 12 月 14 日關閉，後面有一節專門講。

要不要錢

不用另外付。

說明中心寫，Free、Pro、Max、Team、Enterprise 都能用，而且預設是開的。定價頁的比較表上，Claude Design 那一列四個個人方案都是 Yes。

要留意的是用量。它跟聊天、Claude Code 用的是同一個額度，沒有另外一份。說明中心特別加了一條註記：Claude Design 以前有自己的每週配額，現在取消了，全部算進方案共用的額度。

所以兩件事會發生。專案越複雜、來回改越多次，額度掉得越快。額度用完的時候，Claude Design 也跟著不能用，要等重置。付費方案有開按量付費的話可以繼續。

各方案的額度怎麼算，在Claude 方案怎麼選。

怎麼用

說明中心把流程列成七步，我照著寫：

從對話或 Artifacts 分頁開始一份設計。
掛上你要它遵守的設計系統。沒有的話可以跳過。
補上參考資料，像截圖、現有的檔案。
描述你要做什麼。
看它在畫布上做出來的結果。
用對話、留言，或直接在畫布上修改。
滿意之後匯出或分享。

描述的時候，官方建議講四件事：目標是什麼、版面怎麼排、要放哪些內容、給誰看。

說明中心給的範例，我翻成中文：

做一個顯示每月營收的儀表板，可以依地區和產品線篩選。

設計一個手機 App 的新手引導流程，四個畫面，帶使用者認識主要功能。

幫我們新的 API 產品做一個到達頁，要有主視覺區、程式碼範例和價格。

可以附的參考資料有兩類。一類是圖，像現有設計的截圖、競品的畫面、手繪的草圖，適合「做得像這樣」的需求。另一類是程式碼，把儲存庫接上去，它會照你現有的元件和樣式來做。

改稿的三種方式

第一版只是起點。說明中心把修改的方式分成三種，各有適合的時機。

用對話改，適合大範圍的變動。例如「配色改深一點、簡潔一點」「右邊加一個設定面板」「這一頁給我兩三種不同的版面」。

用留言改，適合針對某一個小地方。直接點畫布上的那個元件，留一句話，例如「這顆按鈕的留白加大」「這裡改成下拉選單」。比在對話裡描述位置快。

直接在畫布上動手，適合單純的視覺調整。拖曳、縮放、對齊這些。

說明中心在留言那一段有一個提醒：留言偶爾會沒被它讀到，這是已知的問題。遇到的話，把同樣的意見貼到對話裡。

想試另一個方向又不想丟掉現在的版本，官方的做法是直接跟它說：把現在的存起來，換一個完全不同的做法試試。

我實際做了一份

我是在 Claude Code 的桌面版裡做的。

我請它做一張這個網站的社群圖卡，內容是我先前實測的 Hermes Agent 和 OpenClaw 的三組數字，要兩個尺寸，一張 1200×630、一張 1080×1080。

它做了這些事。先建立一份設計，回報的類型描述是「給網站、到達頁、畫面、介面草圖、海報、社群貼文這類東西用的畫布，畫板會排在畫布上」。接著把第一個畫板放上去，再放第二個。從建立到兩個畫板都放好，大約 80 秒。

做完它給了一個 claude.ai/artifact/ 開頭的連結，並且註明這份設計是私人的，只有我自己打得開，要給別人看得自己到頁面上的 Share 選單分享。

過程中它查了我的帳號有沒有設計系統，結果是沒有，所以它是照我網站原本的配色和字體做的。

我要老實說的是，成品的畫面我還沒有打開看。所以這一段能證明的只有流程是通的、花的時間不長，不能證明它做得好看。

匯出和分享

說明中心寫，畫面右上角有 Export 按鈕，格式有這些：

用途	可以選的
檔案	zip、PDF、PPTX、獨立的 HTML
簡報	Google Slides
送到其他工具	Canva、Gamma、Miro、Wix、Netlify、Vercel、Replit、Lovable 等
交給工程	交給 Claude Code 接著做成程式

清單裡沒有 Figma。

分享的部分，設計一開始都是私人的。按 Share 可以選誰能開、能做什麼，權限分成檢視、留言、編輯三種。

設計系統是什麼

設計系統指的是一套品牌的規則：用哪些顏色、哪些字體、按鈕和卡片長什麼樣子。

掛上之後，它做出來的東西會自動照這套規則。說明中心寫，它還會拿自己做的結果跟設計系統比對，先修正再給你看。

設計系統可以從 GitHub 的儲存庫、設計檔、直接上傳的檔案匯入，也可以在 Claude Code 裡用 /design-sync 從本機的程式碼帶進來。

個人用、沒有品牌規範的話，這一步可以不管。我的帳號就沒有設計系統，一樣能做。

獨立版 12 月 14 日關閉

Claude Design 原本是一個獨立的網站，網址是 claude.ai/design。說明中心寫，它現在住在 Claude 裡面了，獨立的網站會在 2026 年 12 月 14 日關閉，之後那個網址會直接導到 Claude。

在那之前，獨立版照常能用，舊的專案也都還在。

官方說現在要做的只有一件事：把設計系統搬過去。

做法是打開 Claude 的 Artifacts 頁，上面有一條「Claude Design lives here now」的橫幅，按裡面的 Migrate。個人方案按下去就直接開始，不會再確認一次。

幾個細節。搬過去之後，原本的還留在獨立版，不會被改動。空的設計系統不會搬，用內建範本做的也不會搬，就算你改過。搬不過去的會列出原因，例如檔案太大。

專案的部分，說明中心寫現在還不用處理，它們會留在獨立版直到關閉，怎麼搬到 Claude 之後會再公布。

如果你是最近才開始用、從來沒開過那個獨立的網站，這一節跟你無關。

這篇沒有測的

成品的畫面。我沒有打開檢查，設計品質這篇不評論。

畫布上的編輯、留言和匯出。

在網頁版的對話裡叫它做設計。我是在 Claude Code 裡做的。

免費版做一份設計會用掉多少額度。

想讓 Claude 做的不只是設計，而是把整件事做完，看Claude Cowork 是什麼。