Claude Design 5 個常見誤解:它不是 Figma AI,也不是 Pencil

Anthropic 上週(4/17)推出 Claude Design 之後,我在 X、Threads、Reddit、V2EX 繞了一圈,看到的反應大概可以分成三類:

  1. 「設計師要失業了!」
  2. 「這不就是 Figma AI?」
  3. 「能生成 Figma 檔嗎?」

老實說,三個都錯。

我花了一週實測,也把 Anthropic 官方文件和幾個 YouTube 影片都看過。今天把最常見的 5 個誤解一次講清楚,省得你進去摸索半天發現跟你想的不一樣。

直接上結論。


誤解 1:以為 Claude Design 就是 Figma AI

錯。這是兩個完全不同的產品。

Figma AI 是 Figma 內建的功能,加在既有的 Figma 畫布上,當 AI 助手用。你還是在 Figma 裡工作,AI 只是幫你補一些步驟。

Claude Design 是 Anthropic 自己做的獨立產品,網址是 claude.ai/design,跟 Figma 沒有任何技術整合。它的運作邏輯是「對話驅動」——你用自然語言講需求,左邊是 chat、右邊是 canvas,看到設計不對直接講「把頭圖放大、配色改成深色」,它當場改給你。

關鍵差異:

項目 Figma AI Claude Design
主體 Figma 的附加功能 Anthropic 獨立產品
操作邏輯 滑鼠拖拉為主,AI 輔助 對話為主,畫布視覺化
模型 GPT-4o / Claude(選) Opus 4.7 獨佔
匯出 Figma 檔 ZIP / PDF / PPTX / HTML
價位 Figma 原本的訂閱 Claude Pro/Max/Team

所以如果你期待它是「Figma 加個 AI 按鈕」,你會失望——它根本不長那樣。


誤解 2:以為它是 Pencil 的升級版或相關產品

這個誤解更細分。因為 Pencil 跟 Claude Design 都跟「AI 設計」有關,很多人會混為一談。

Pencil 是第三方設計編輯器,檔案格式是 .pen,主打「設計跟代碼雙向互通」——你在 Pencil 改設計,Claude Code 可以讀 .pen 檔直接生前端代碼(React + Tailwind)。它是透過 MCP(Model Context Protocol)跟 Claude Code 整合的。

Claude Design 完全不吃 .pen 格式。它有自己的專有格式,跟 Pencil 沒有任何技術交集。

當然,兩個可以搭配:你可以用 Claude Design 快速畫原型,再匯出 HTML 或截圖交給 Pencil 精化。但這是人工串接,不是自動流程。

如果你本來就在用 Pencil,Claude Design 不會取代它,兩個可以並存。


誤解 3:以為不設定設計系統也能用

可以用,但做出來的東西會有「AI 樣板感」。

這是我實測最痛的一個教訓。

第一次打開 Claude Design,我直接丟「做個 SaaS 首頁」。它吐了一個畫面——配色很潮、layout 不錯,但看起來就是「典型 AI 生成風格」:配色套路固定、字型永遠是 Inter、組件圓角永遠是 12px。換句話說,跟別人生成的沒什麼差別。

後來我認真做了設計系統設定(大概花 20 分鐘:上傳品牌配色、字型、組件範例、給它讀我的 GitHub repo),再生成同樣的東西——出來的結果配色、字型、組件風格都對上了,看起來像我的產品,不是泛泛的 AI 作品。

結論:設計系統設定是必要的 20 分鐘投資,不是選配。 沒設計系統的 Claude Design,跟兩年前的 Midjourney 差不多——漂亮但無個性。


誤解 4:以為能完全取代設計師

這是社群最大的焦慮點,但也是最誇張的誤解。

Opus 4.7 很強沒錯,Claude Design 做原型的速度也讓人震撼——我實測 3 分鐘產出的原型,比以前找設計師等 2 天的要快 1000 倍。

但這不代表設計師會消失。

幾個 AI 目前做不到、未來短期內也很難的事:

  • 理解模糊的品牌語彙:「要有我們產品的氣氛」這種話,人類 10 秒懂,AI 要你寫一頁 prompt
  • 判斷細節是不是「對的錯」:一個按鈕顏色稍微偏了 3%,你說不出哪裡怪,但就是怪——這是設計師的 taste
  • 做策略性的資訊架構決策:「這個功能要不要放在首頁」,這種問題涉及商業判斷,不是畫圖問題
  • 跨 canvas 的一致性維護:Claude Design 單頁做得好,但一個大型專案要 40 頁、每頁狀態都要一致,目前很容易漂掉

所以合理的說法是:Claude Design 把設計師的「速度」放大 5-10 倍,但設計師做的「決策」還是人類做。

被取代的不是設計師,是「只會照著 Figma 樣板拉一拉」的那種初階設計工作——那本來也該被自動化。

延伸閱讀:2026 AI 大模型大比拼 這篇有整理 AI 模型在不同任務上的真實能力邊界。


誤解 5:以為免費帳號就能玩

不行。Claude Design 只開放給付費計畫。

具體門檻:

  • ❌ Free 計畫:完全用不到
  • ✅ Pro(月費 $20):可用
  • ✅ Max(月費 $100-200):可用
  • ✅ Team / Enterprise:可用,有團隊設計系統管理

而且目前是「研究預覽版」(research preview),Anthropic 明確說不保證 SLA(服務穩定度),未來可能改機制。

另外,即使你有訂閱,在中國大陸完全用不了——claude.ai 連主站都被 GFW 封,遑論 Claude Design。這個延伸議題之後會寫一篇專門講大陸用戶怎麼存取,這裡先不展開。


什麼時候該用、什麼時候不該用

實測 1 週後,我整理的「適合用 Claude Design 的場景」:

✅ 很適合 - 快速做可互動的原型給團隊看 - 簡報投影片(Pitch Deck)——Anthropic 示範效果不錯 - 網頁 landing page 的 v0 版本 - 內部工具的 UI(不用很精緻,但要可用) - A/B 測試多種版型的視覺方案

⚠️ 不太適合 - 生產環境的精緻設計(最後細節還是要設計師) - 複雜的資訊架構專案(40 頁以上、跨模組一致性要求高) - 需要嚴謹符合品牌規範且沒時間設定設計系統的案子 - 團隊還在觀望要不要換工具的過渡期(目前 research preview 不穩)


(工商時間)

好啦,既然講到 Claude Design 只能在有翻牆的前提下用(大陸根本連不上),就工商一下。

Sunset Browser 是我們自己做的翻牆工具,打開 APP 一鍵連線,不用設定、不用研究。針對中國網路環境特別優化,連線穩定性比一般 VPN 好很多。用 Claude、ChatGPT、Google 全都沒問題,App Store 搜「Sunset」就能下載。

好,工商結束,我們繼續。


FAQ:常見問題

Q:Claude Design 跟 Claude Code 一樣嗎?

不一樣。Claude Code 是命令列工具,給開發者寫代碼用的;Claude Design 是網頁端的視覺設計工具。兩個可以串起來用(Design 做設計 → Handoff 給 Code 生成前端代碼),但是兩個獨立產品。

Q:Claude Design 支援哪些匯出格式?

目前支援 ZIP、PDF、PPTX、HTML,也可以直接 Handoff 到 Claude Code。尚未支援 Figma 檔案匯出或 .pen 匯出。

Q:Sonnet 模型能用 Claude Design 嗎?

不行。Claude Design 目前只搭載 Opus 4.7(新視覺模型,支援 2576px 高解析度)。Anthropic 沒公開說會不會下沉到 Sonnet。

Q:需要訂閱 Claude Pro 還是直接 Max?

看用量。Pro 月費 $20 應付一般輕度使用;如果你一天要跑多次原型迭代,或是團隊協作需求,Max / Team 比較划算。詳細訂閱建議可參考 Claude Opus 4.7 發布 這篇的帳號規劃段。

Q:Claude Design 資料會被用來訓練嗎?

根據 Anthropic 的標準政策,Pro / Max 個人帳號的對話預設不用於訓練;Team / Enterprise 帳號有更嚴格的合約條款。但設計作品本身存在 Anthropic 的伺服器上,敏感品牌資產上傳前自己評估一下。


總結

Claude Design 不是 Figma AI、不是 Pencil、不是免費的、不會取代設計師,也不會吐 Figma 檔給你。

它是一個全新的、對話式的、Opus 4.7 專屬的 AI 設計平台。把它當成一個「超快速的原型助手 + 簡報產生器」來用,你會覺得爽爆;把它當成 Figma 替代品,你會失望。

把預期擺對位置,工具才好用。

延伸閱讀: - Claude Opus 4.7 發布:最強 AI 模型來了,但在大陸怎麼用? - 2026 AI 大模型大比拼:哪個最值得翻牆去用?