我用 Claude Design 打造了一個品牌，每月獲利 8,400 美元

幾週前，我決定試試看 Claude Design 在一個真實專案上能發揮到什麼程度

一開始，我以為只會花幾個小時測試功能，做一個簡單的登陸頁面，然後就繼續下一件事

結果完全不是這樣

相反地，我從零開始打造了整個品牌

• 標誌
• 品牌識別
• 登陸頁面
• 募資簡報
• 手機應用程式原型
• 行銷素材

最讓我驚訝的不是品質

而是當我錯誤使用這工具時，成本累積的速度有多快

經過幾天的測試、重做和嘗試不同工作流程後，我意識到大多數人在發現 Claude Design 真正擅長什麼之前，就會浪費大量的使用額度

https://x.com/claudeai/status/2045156267690213649

所以在這篇文章中，我將一步步說明我使用的確切流程、最耗時的那些錯誤，以及如果你今天要開始，我會推薦的工作流程

Claude Design 到底是什麼

大部分人聽到這個名字，就以為它只是另一個 AI 圖片生成器

這其實不太準確

Claude Design 與其說是傳統的設計工具，不如說更像一個視覺生產環境

你用自然語言描述你想要的東西，它就會根據你的要求建立完整的視覺素材

• 登陸頁面
• 簡報
• 產品 mockup
• 品牌系統
• 手機介面
• 行銷創意
• 甚至是動畫內容

有趣的地方在於，Claude 不是單純生成一個輸出就結束了

它會持續評估自己建立的內容，檢查不一致的地方，而且常常在你注意到問題之前就先修復它

這個反饋迴圈是最終成果遠比其他大多數 AI 生成的設計更精緻的主要原因之一

我犯的最大錯誤

一開始的時候，我把 Claude Design 當作一個腦力激盪工具

這樣做很花錢

我會開一個新專案、要求點子、做到一半又改變方向、重新生成版面、然後嘗試完全不同的概念

結果可想而知

我花了很多使用額度來生成那些最終永遠不會放進成品裡的作品

最後我意識到一件重要的事

Claude Design 在思考都已經完成的時候表現最好

現在我的工作流程完全不一樣了

我在 Claude Design 之外進行腦力激盪

我定義定位

我定義目標受眾

我決定視覺方向

我選擇顏色

只有在所有東西都記錄下來之後，我才進入設計階段

效率上的差異非常巨大

先建立設計系統

如果有一個值得記住的教訓，那就是從設計系統開始：

• 不是登陸頁面
• 不是簡報
• 不是應用程式 mockup

一個完善的設計系統會成為其他所有東西的基礎

• 顏色
• 字體
• 間距
• 按鈕
• 卡片
• 輸入框
• 圖示
• 元件行為
• 視覺層級

一旦這些決策確定，接下來建立每一個素材都會變得更容易

對於我的專案，我向 Claude Design 提供了一份簡單的品牌簡報，包含使命、目標受眾、視覺參考、顏色偏好和整體風格方向

第一個版本並不完美

有些元素感覺不一致

一些元件看起來稍微偏離品牌調性

但經過幾輪反饋之後，這個系統變得驚人地穩固

從那時起，我建立的每一個東西都共享相同的視覺語言

真正的價值就從那裡開始顯現

我的品牌建立工作流程

設計系統完成後，我在每一個素材上都遵循同樣的流程

第一步：建立品牌基礎

在設計任何東西之前，我寫了一份詳細的文件來說明：

• 這個產品是為誰而做的
• 它解決了什麼問題
• 它應該給人什麼感覺
• 它應該吸引哪種類型的受眾

這份文件成了未來所有決策的依據

第二步：生成設計系統

根據品牌簡報，Claude Design 建立了視覺框架

• 字體層級
• 主色和輔助色
• 元件
• 間距規則
• 互動模式
• 所有東西都是從這裡開始的

第三步：建立募資簡報

在設計系統已經建立好的情況下，製作簡報變得容易許多

不需要逐一設計每一張投影片，我只專注在故事本身

視覺一致性已經處理好了

最終的結果看起來比我在同樣時間內用手工組裝的東西要專業得多

第四步：建立登陸頁面

登陸頁面是所有東西開始整合的地方

• 主視覺區塊
• 功能介紹
• 比較表格
• 客戶推薦
• 行動呼籲區塊

因為視覺語言已經存在，頁面幾乎立刻就感覺協調一致

我不是從零開始設計，而是從一個現有的系統中組合元件

第五步：建立手機畫面

接下來是手機體驗

我沒有先製作線框圖，而是直接進入高保真度的畫面

這省下了驚人的時間

設計系統中已經包含了介面所需的大部分基礎元件

第六步：建立行銷素材

最後，我使用同樣的品牌框架來生成宣傳材料

• 社群媒體圖像
• 產品視覺
• 上市素材
• 簡報圖表

所有東西都彼此搭配，因為全部都來自同一個源頭

當你在多個工具和互不相連的工作流程之間切換時，這種一致性是很難達成的

隱藏的超能力

大多數人只透過提示來與 Claude Design 互動

這其實是工作效率最低的方式之一

真正的優勢來自於直接在專案內部進行小幅調整

• 修改文字
• 調整間距
• 優化版面
• 更新顏色

進行有針對性的改進，而不是重新生成整個區塊

每一次不必要的生成都會耗費時間和使用額度

每一次直接編輯則能省下兩者

隨著時間推移，這些微小的節省會變得相當可觀

如何節省使用額度

在花費了遠比預期更多的額度之後，我終於制定了一套簡單的規則

1. 在 Claude Design 之外進行腦力激盪
2. 在生成任何東西之前，先建立詳細的簡報
3. 盡可能使用參考資料
4. 精確描述你想要的東西
5. 描述你不想要的東西

避免在一個提示中提出多項重大請求

儘早審查輸出內容，不要讓長時間的生成過程不受控制地持續下去

最重要的是，在開啟專案之前就先做好決定

猶豫不決是消耗使用額度的最快方式之一

發佈最終產品

建立設計只是過程的一半

最終，所有東西都需要上線

在完成視覺素材後，我將它們移入開發和部署階段

這時設計系統變得更具價值

我交付的不是幾十個互不相關的檔案，而是一個統一的視覺語言，可以一致地應用於最終產品

從概念到上線網站的轉換過程，比我想像中順暢許多

最後的想法

Claude Design 並沒有取代設計師

它也沒有神奇地消除創意工作

它所做的是大幅縮短了從一個想法到一個完成產品之間的距離

對我來說最有效的工作流程出奇地簡單

1. 先規劃
2. 再設計
3. 最後建置

那些從 Claude Design 獲得最大價值的人，並不是把它當作聊天機器人來用

他們把它當作一個在更大的創意流程中扮演特定角色的專用工具

一旦我開始以這種方式看待它，一切變得更快、更省錢，也更一致

就在那個時候，我終於明白為什麼這麼多人對它感到興奮

GIF

@insomnia_vip