The NEW Claude Design - Complete Beginner's Guide

Claude Design 的核心邏輯是「描述→生成→精修」的反覆循環，目標是讓非設計師透過自然語言快速產出品牌一致的視覺作品。

工作流程從提示開始。無論是簡單傳單或複雜網站，使用者先在提示框打入需求（例如「製作宣傳 Ridgeline Espresso 的單頁傳單」），Claude 不會立即生成，而是回應一份問卷。這份問卷是整個工具中影響成敗最大的環節。以傳單為例，Claude 會問目標客群、產品細節（價格、風味描述）、行動號召、色調風格，甚至是否要撕下式條紋。每一題都攸關最後的設計質量。這也是講者特別強調「決定為我」按鈕的原因——不確定時選它，Claude 會自動判斷；但如果花一分鐘仔細填表，後續改稿時間能節省一小時。

第二個大轉折是設計系統。最初生成的傳單雖然排版不錯，但完全是虛構——網址、街道地址、風格全是 Claude 當下編造。如果明天再做一份傳單，生成的設計可能面目全非，導致品牌毫無一致性。設計系統解決這個問題。使用者在設計系統分頁建立品牌檔案：上傳標誌、產品圖片、風格說明文字（如「溫暖友善，不走企業風格，代表產品是 Ridgeline Espresso」），Claude 會自動提取色碼、確認字體、甚至從標籤中發現標點習慣（影片案例中是產品描述間的小點）。這份設計系統成為後續每個專案的基準——投影片、網站、發票都會自動套用相同的色彩、字體、排版邏輯。講者強調「真實範例勝過規格說明」，一張成品設計比色碼表更能教會 Claude 品牌風格。

精修階段有四種方式。第一是對話式改稿，適合大改：例如「白空間太多，標題放大，整體色調要溫暖舒適」，Claude 會分解成三項改動並重新生成。第二是直接編輯，點擊任何元素，實時改文字、顏色、間距，改完秒保存，最快速。第三是評論，在設計上標記建議（「這是唯一真實產品，應該是段落焦點」），Claude 會集中回覆。第四是調整切換，例如首圖有三種配置選項，可用開關快速切換找靈感。

具體案例是 Basecamp Brewco 的網站模型。使用者選 UI 模型範本、指定設計系統、上傳談話大綱，Claude 提問「各頁重點」「是否要交互式原型還是靜態模型」。使用者選互動模型，要求保留真實產品與價格、內建購物車、提供 2-3 種首圖選擇。生成出來的不是圖片，而是真正可點擊的原型——導覽列、購物車選單都能互動，咖啡頁面講產地故事，關於頁面生成了品牌起源。最後還有圖片投放區，使用者可拖入實照片。遇到 Bug（如標誌在深色標題列消失）時，只要說「標誌沒出現」，Claude 會檢查截圖、推斷原因、改成圓形徽章搞定。

投影片用途是向在地咖啡館與山莊推銷 Ridgeline Espresso。講者上傳談話大綱檔案，Claude 讀懂內容後提問定價表格、視覺配置。特別的是，Claude 發現談話大綱提到「per kg 價格」但沒給數字，它沒有自動編造，而是直接提問。這是核心哲學：在真實度有疑慮時做出確認，而不是編造。生成的投影片有標題頁、融合故事、階層化定價、結尾訂購資訊，還附帶講者筆記。全套色彩、字體、排版都源自設計系統。

輸出路徑多元。PowerPoint 可編輯、PDF 印列用。最強大的是獨立 HTML 檔——下載、雙擊開啟，任何人無需帳號或軟體就能看。對於網站原型，還有一條路徑：直接匯出到 Claude Code，後續可加資料庫、支付功能，從原型變真實網站。