2026 年開發者新武器：Claude Design 自然語言做UI

Figma 股價在本週跌了 4.26%，也不再是設計師唯一的答案。

Anthropic 安靜地發布了一個工具，讓完全不懂設計的人，只要打字、說話，就能生成可用、可互動的 UI。以前打開 Figma 拉矩形，現在只要打字說『我要一個登入頁面』。

市場比任何評論都反應得更快。

一、

它是什麼？

Claude Design 有兩個區域：左側是對話框，右側是畫布。你用自然語言描述你想要的東西，它在畫布上生成可以運作的設計。

「可以運作」是什麼意思？

不是截圖，不是概念圖，也不是 Figma 那種靜態原型，而是是真正的 HTML，可以點擊、可以互動、可以直接看到按鈕按下去之後發生什麼。你不需要在「設計稿」和「實作」之間翻譯，輸出本身就是可以跑的東西。

典型的流程：

1. 建立專案，丟進你有的材料

2. 用文字描述你要做什麼

3. 看畫布上跑出來什麼

4. 用聊天和內嵌註解反覆修改

你的品牌顏色、字型、元件系統會自動繼承進來。如果你的企業帳號有設計系統，它會從那裡拿，不需要手動上傳資產或設定任何東西。

二、

我要給Claude什麼？

素材決定輸出品質，你可以給它三種東西：

1. 截圖和圖片 ：現有設計、競品截圖、線框圖、視覺靈感。這是「讓它看起來像這樣」的路徑。如果你有一個你喜歡的介面，或者你想要接近某個競品的風格，直接丟進去比用文字描述快得多。

2. 程式碼庫 ：連結你的 GitHub repository，讓它理解你現有的元件、樣式模式和架構。這讓原型從開始就更接近生產，而不是一個需要重新翻譯的視覺概念稿。

3. 文件：任何描述你產品的文字都算：PRD、使用者訪談筆記、產品哲學、甚至是一份 Notion 頁面。

筆者自己的例子：筆者在設計創業產品ecko 新功能時，給了三份純文字文件：user flow、功能描述、產品哲學（包括美學主張）。它讀懂了「大量留白、書刊排版、Serif 主導、零圖示、零顏色」這樣的設計語言。筆者再加上現有的產品截圖讓它融合，並且開始做 hi-fi prototype。Hi-fi是High-Fidelity 的縮寫，中文意為「高保真」或「高傳真」，Claude真的能做到這件事。

這個過程說明了一件事：它在處理的不是「指令」，而是「語境」。你可以提供不同類型的參考資料，而不只是下指令，它都能讀懂。

三、

我要怎麼描述我要的東西？

要說清楚四件事：  

1. 目標 （你在建什麼）

2. 排版 （東西怎麼排列）

3. 內容 （要顯示哪些資訊）

4. 受眾 （誰要用）

幾個效果好的提示格式：

• 「建立一個顯示月度收入的儀表板」
• 「設計一個行動 app 入門流程，4 個畫面，引導使用者了解核心功能。」
• 「為新產品建立 landing page，包含 hero 區段、程式碼範例和定價。」
• 「建立一個收集客戶回饋的表單，根據類別提供條件式問題。」

這些提示的共同點：目的清晰，有具體的內容元素，不是「幫我做一個好看的頁面」。如果 Claude 需要更多資訊，它也會主動問。

四、

我怎麼跟Claude溝通修改？

有兩種修改路徑，聊天和內嵌註解。

1. 聊天：適合影響整體設計的廣泛變更：

• 「讓色彩配置更深色更簡約。」
• 「重新排列儀表板，指標在上、圖表在下。」
• 「向我展示這個頁面的 2-3 個替代版面配置。」

你也可以請它解釋設計決策，或者請它檢視設計、對比率、資訊層級。把它當設計協作者，不只是產生器。

2. 內嵌註解：適合點位修改：直接點畫布上的元素，留一句話。比在聊天裡描述位置快很多，也準確很多。

• 「讓這個按鈕的 padding 更大。」
• 「把這裡換成下拉選單。」
• 「這裡用主要品牌顏色。」

一個注意事項：內嵌註解偶爾會在 Claude 讀到之前消失。如果遇到這個情況，把註解文字貼到聊天裡就好。

五、

我還應該知道什麼？

1. 迭代的節奏

應該從簡單開始，逐層加複雜性。先把核心排版和內容做對，再加互動，最後處理細節。

一次改一件事比一次塞很多要求更可預期。「把表單欄位間距縮到 8px」比「這看起來不對」有用得多，因為後者沒有給它可以行動的具體方向。

2. 還不完美的地方

它現在是 Anthropic Labs 的實驗預覽，幾個常見問題和解法：

• 內嵌註解偶爾在 Claude 讀到之前就消失。解法：把註解文字貼到聊天。
• 緊湊版面模式有時會觸發儲存錯誤。改到完整檢視介面再重試。
• 遇到「聊天上游錯誤」，在同一個專案開新的聊天 tab。

六、

最後

Claude Design 帶來的改變，不在於誰取代誰。

而是把「把想法變成畫面」這件事，從一個需要多種工具協作的流程，簡化成一段自然的對話。

Anthropic 沒有宣稱這是最好的設計方式。他們只是提供了一個選項：當你只想快速看到某個想法長什麼樣子時，不用先打開 Figma、不用學習圖層與自動佈局。

對獨立開發者、對 solo founder、對任何需要快速驗證點子的人來說，這代表一件事：從「我有一個想法」到「我能看見它」，中間的等待時間與技術成本，被大幅縮短了。

設計沒有因此變簡單。但表達想法，變得比以前更直接了。