Claude Design 新手教學：設計師眼中這不只是一個工具

2026 年 4 月 17 日，Anthropic 在沒有太多預警的情況下，推出了 Claude Design，當天下午設計軟體 Figma 的股價跌了 7%。

我要說的是：一個還在實驗性預覽階段的工具，讓市場出現這種反應，代表整個設計工具產業的地板，在那一天被重新設定了。

這篇文章分兩段，前半段是教學：如果你完全沒用過 Claude Design，看完就知道怎麼開始。

後半段是我作為設計師和 AI 導演的觀點：我認為這件事改變了什麼、沒改變什麼，以及它對整個產業意味著什麼。

Claude Design 是什麼？先建立正確的認知

Claude Design 是 Anthropic Labs 推出的 AI 設計工具，讓你用對話方式生成設計稿、互動 prototype、投影片、one-pager，以及各種視覺素材，你不需要會 Figma、不需要懂 CSS，只需要知道你想要什麼。

但在你興奮地衝去試之前，有一件事要先說清楚：Claude Design 不是 Figma 的替代品。Anthropic 自己說得很直白：這個工具是「built for people who aren’t starting from a design tool」，也就是那些從來不會打開 Figma 的人。創辦人、PM、行銷人、導演，想把腦子裡的東西快速視覺化的人，這是主要受眾。

但這不代表專業設計師用不上，後半段我會說我自己怎麼看這件事。

誰可以用？費用與目前限制

Claude Design 目前是「研究預覽版」，需要 Claude Pro、Max、Team 或 Enterprise 訂閱方案才能使用，免費版不支援，入口在 claude.ai/design。

有一個坑要先告訴你：使用量有上限，這是實際發生的事，有記者試用 30 分鐘就被鎖住、需要等一整週才重置，所以如果你打算認真用，建議把每次的對話都想清楚再送出，不要當成無限試錯的工具。

官方中文說明文件在這裡：開始使用 Claude Design（繁體中文）

介面長什麼樣子

Claude Design 的介面非常直觀，分成兩個區域：

• 左邊：對話欄。你在這裡輸入指令、描述需求、給修改意見。
• 右邊：Canvas（設計畫布）。Claude 生成的設計即時顯示在這裡，你可以直接看到結果。

右上角有匯出按鈕和分享設定，Canvas 上可以直接點擊元件留下標注（inline comment），針對單一元素下局部指令，不需要跑回對話欄說「那個按鈕」。

從零開始的操作流程

Step 1：進入 claude.ai/design，選擇起點

進入後你會看到起點選項：

• 全新的 Prototype（互動原型）
• Slide Deck（投影片）
• 從現有模板開始

第一次用的話，建議從 Prototype 開始，最能感受到這個工具的核心體驗。

Step 2：設定你的品牌（可選，但強烈建議）

這是 Claude Design 最強的功能之一：你可以上傳你的 codebase、設計檔、品牌素材，Claude 會自動讀取你的配色、字型、元件風格，之後每一個新專案都會自動套用。

支援上傳的格式包含：截圖、圖片、DOCX、PPTX、XLSX，以及直接連結 codebase repository。

如果你只是想快速試試，這步驟可以跳過，直接進 Step 3。

Step 3：下第一個 Prompt

這步驟決定你後面要迭代幾次。官方建議好的 Prompt 包含四個要素：

要素	說明	範例
目標	你要做什麼	設計月營收 Dashboard
版面	排版和結構	上方 KPI 卡片、下方折線圖
內容	要顯示什麼	含地區和產品線篩選功能
受眾	給誰看	業務主管，需要一眼看懂

幾個直接可以複製使用的範例 Prompt：

「設計一個手機 App 的 onboarding 流程，共 4 個畫面，帶新用戶完成個人化設定，風格簡潔溫暖，受眾是 30-40 歲的上班族。」

「做一個 SaaS 產品的 Landing Page，包含 hero 區塊、三個主要功能介紹、定價方案比較表，以及 CTA 按鈕。目標是讓第一次看到的人 30 秒內理解這個產品在做什麼。」

Anthropic 也提供了一個有趣的建議：如果你不確定方向，可以直接請 Claude 給你 2-3 個版本選項，再從裡面挑你喜歡的方向繼續迭代。

Step 4：修改：對話 vs 標注，用對方法

Claude Design 有兩種修改方式，選對方式可以省掉很多來回：

方式	適合哪種修改	範例
對話（Chat）	整體結構、大範圍調整	「把配色改成深色系」「新增一個 FAQ 區塊」「把版面改成兩欄」
Inline 標注	單一元件的局部調整	「這個按鈕 padding 加大」「把這個 input 換成下拉選單」

注意事項：官方文件有提到，Inline 標注偶爾會在 Claude 讀取前消失。如果發現沒被執行，直接在對話欄貼上同樣的文字就好。

Step 5：匯出與交付

完成後，右上角的匯出按鈕提供多種格式：

格式	最適合的用途
PDF	給客戶看、存檔、報告用
PPTX	直接在 PowerPoint / Keynote 繼續編輯
HTML（Standalone）	可在瀏覽器打開的互動 prototype，分享連結給他人 demo
Canva	送進 Canva 繼續精修，自動變成可編輯的設計檔
ZIP	完整原始碼打包，開發人員可用
Claude Code 交接	直接接到開發流程，Claude 打包 handoff bundle

可以做哪些東西？

Claude Design 的適用範圍比大多數人想的寬：

• App prototype（含互動流程）
• 行銷用 Landing Page
• Pitch Deck 和投資簡報
• 內部工具 Dashboard
• 產品功能 Wireframe
• 客戶回饋表單
• 含音效、影片、3D 的 code-powered prototype（進階用法）

這「以前需要一週的簡報來回確認流程，現在在同一個對話裡就完成了。」

快速上手的幾個建議，以及你要知道的限制

讓結果更好的習慣

• 第一個 Prompt 先做基本版面和內容架構，確認方向後再加細節
• 修改時越具體越好：「整體不喜歡」沒用，「標題字級太小、間距太擠」有用
• 如果有現有的設計系統或元件，在 Prompt 裡直接點名：「用我們的 Primary Button 元件」
• 想做響應式設計，一開始就說清楚要支援哪些裝置
• 把 Claude 當設計夥伴：可以直接問它「這個版面有什麼可以改善的地方？對比度夠嗎？」

目前的已知問題

問題	解法
Inline 標注有時消失	直接貼到對話欄重發
Compact 版面模式出現儲存錯誤	切換回完整版面再試
大型 codebase 導致瀏覽器變慢	只連結特定子目錄
對話功能失效	在同一個專案開新的對話分頁

這些都是 Anthropic 官方已知的 bug，在研究預覽期間屬於正常。

以下是我導演與設計的觀點

前半段是操作說明，任何人都可以寫。接下來是我作為設計師和 AI 導演，看這件事的方式。

品味和技能，終於被分開了

設計這個行業長期以來把兩件事綁在一起：「知道什麼是好設計」和「有能力把好設計做出來」。

這兩件事過去是捆綁的，有品味的老闆還是需要找有技能的設計師來執行，因為品味本身沒有辦法直接輸出成視覺。

Claude Design 做的事，是把這兩件事分開了，你的品味現在可以直接轉換成可以看見、可以分享的東西，不需要中間人。

這不代表設計師會消失，而是設計師的定義必須往上移：從「會用 Figma 的人」，變成「知道什麼是對的，知道為什麼是對的，以及能夠判斷 AI 生出來的東西夠不夠好」的人，工具熟練度的護城河消失了，判斷力的護城河反而變高了。

Figma 股票為什麼跌 7%

市場怕的不是 Claude Design 現在有多強。目前它還是實驗版，有量限，有 bug，很多專業工作流程還到不了。

市場怕的是「進入設計工作的門檻被瞬間拉低」這個訊號，當一個 PM 或創辦人可以在一個下午做出一個說得過去的 prototype，卻不需要打開 Figma，不需要等設計師有空，整個設計工具產業的護城河就開始鬆動了。

Figma 的股價反映的是：投資人看到了這個邏輯的終點，不是今天但方向已經定了。

越能生成，品味越值錢

這個觀點我在採訪超哥的時候有提到：越自動化的時代，真實和有個性的東西越稀缺，稀缺的東西才有溢價。

Claude Design 是一個很好的放大器，但它放大的是你已有的方向感和美感判斷。如果你知道自己的品牌要什麼感覺、要跟誰說話、要在視覺上傳達什麼訊息，Claude Design 可以幫你快 10 倍。如果你方向模糊，它幫你生出來的就是精緻但沒有靈魂的設計，效率反而讓你往錯的方向走得更快。

這和 AI 行銷的邏輯是一樣的：工具不決定方向，工具放大方向。

它真正改變不了什麼

保持誠實：

• 品牌靈魂：Claude Design 不知道你的品牌為什麼存在，不知道你想讓用戶有什麼感受，不知道你跟競品的本質差異在哪裡。這些問題要先被你自己回答。
• 真正差異化的視覺語言：如果你和競品給 Claude Design 同一個 Prompt，生出來的東西會長得很像。AI 工具的普及本身就是一種同質化的力量。
• 文化語境的細節：台灣品牌的某些細節感，東南亞市場的視覺文化偏好，這些 AI 目前讀不到，還是需要人來判斷。

這對產業的影響：三個層次

對設計師

工具熟練度不再是核心競爭力。接下來幾年，設計師的價值將越來越集中在：品牌策略判斷、視覺決策的理由、以及能夠指導 AI 往對的方向走的能力。現在是重新定義「設計師在做什麼」的好時機，你要先定義，不然市場幫你定義。

對非設計師（創辦人、PM、導演）

視覺化想法的成本大幅降低了。你現在可以在一個下午把一個想法變成一個可以分享、可以討論的 prototype，不需要等設計師有空，不需要把一半的時間花在溝通「我的感覺是」。但這也意味著：你的美感判斷力和品牌方向感，變得更重要，不是更不重要。 工具民主化，讓決策能力的差距更快顯現出來。

對設計工具市場

Canva 選擇了整合路線，讓 Claude Design 的輸出可以直接送進 Canva 繼續編輯。這是一個聰明的決定。Figma 的壓力更大，因為它的用戶是專業設計師，但 Claude Design 的出現讓「需不需要專業設計師」這個問題開始被更多老闆問起來。

AI 在設計領域的滲透速度，比大多數人預期的要快。接下來一年，這個工具會成熟，使用量限制會放寬，新的使用案例會出現。現在就開始用，不是因為它已經完美，而是因為你需要在它改變你的工作流程之前，先理解它能做什麼。

結論

Claude Design 現在還是早期版本，有量限、有 bug、有它做不到的事。但它所代表的方向：用對話生成設計、讓品味直接輸出、讓設計進入更多人的工作流程，這個方向是確定的，只是時間快慢的問題。

如果你是設計師，不要問「它會不會取代我」，要問「我現在怎麼讓自己的判斷力比 AI 生出來的東西更有價值」。如果你是創辦人或導演，現在就可以去 claude.ai/design 試試，感受一下把想法秒速變成視覺是什麼感覺。

你用過之後，你對設計這件事的感覺，可能會跟以前不太一樣。

---

推薦閱讀

防滑襪 AI 賺錢真實案例拆解：一個人用 AI 電商 30 天衝到 270 萬美元

延伸閱讀：Claude Design 實戰：5 個場景示範與 Anthropic 設計師 Ryan 7 個 Tips

Vibe Coding 是什麼？AI 自動化浪潮，軟體工程師會失業嗎？

Sora 關閉的 3 大教訓：企業如何避開 AI 工具風險，不再花冤枉錢

---

參考資料

Anthropic (2026). “Introducing Claude Design by Anthropic Labs”

Anthropic Help Center (2026). “開始使用 Claude Design”

TechCrunch (2026). “Anthropic launches Claude Design, a new product for creating quick visuals”

Gizmodo (2026). “Anthropic Launches Claude Design, Figma Stock Immediately Nosedives”

Banani (2026). “Claude Design: First Impressions of Anthropic’s AI Design Tool”

---

FAQ