Claude Design 7段提示詞:做出你的品牌設計系統
貼文看起來很亂,不是因為你不會設計。照順序貼這7段提示詞,讓Claude幫你整理出品牌色彩、字體、版面和IG模板,附品牌需求單和發文前檢查表。
發布 2026/11/01
想存起來慢慢看?整份也有PDF版。
下載PDF這份是貼文的完整版:7段完整提示詞、開始前要填的品牌需求單、發文前檢查表,以及卡關時的修正說法。提示詞是原創整理,還沒逐條實測,用的時候請依你的品牌調整。
開始前:在哪裡用Claude Design
- Free、Pro、Max、Team、Enterprise方案都能用
- 在Claude左側欄點「Design」,再從「建立新作品」選「設計」或「設計系統」(2026-10-31中文介面實際畫面;官方說明頁寫的是Output > Design,介面可能因版本或語系不同)
- 用Claude Code的話,輸入
/design - 舊的獨立網站claude.ai/design會在2026-12-14關閉;之前在那裡做的設計系統,要先搬到新的地方才能在對話裡用
- 介面可能會再改,以官方說明為準:https://support.claude.com/en/articles/14604416-get-started-with-claude-design
一、先填品牌需求單
把下面填好,貼在第1段提示詞前面,後面每一步的結果都會比較準。
品牌名:
我在做什麼(一句話):
主要受眾(誰、幾歲、在意什麼):
想給人的感覺(3個形容詞):
不想給人的感覺(2個形容詞):
已經有的素材(Logo、常用顏色、喜歡的帳號或網站):
主要發在哪些平台:
二、7段完整提示詞
照順序貼,每段都接在前一段的結果後面。【】裡的是要你替換的地方。
01 萃取品牌DNA
請擔任品牌策略師。我的品牌是【品牌名】,受眾是【受眾】,我希望給人的感覺是【三個形容詞】。請整理:
【品牌個性】3個關鍵字,加一句品牌定位
【語氣】說話方式的3個「要」與3個「不要」
【視覺線索】從我貼上的網站或貼文截圖中,找出值得保留的視覺特徵
會得到:品牌關鍵字、定位句、語氣規則、可保留的視覺特徵。
02 建立色彩系統
依照上面的品牌個性,建立一套色彩系統,用表格輸出:
【主色】1個,附HEX色碼
【強調色】1到2個,說明各自用在哪裡
【中性色】背景、文字、邊框各1個
【檢查】每組文字和背景的對比,都要達到WCAG AA
會得到:含HEX色碼和用途的色彩表。對比標準參考:https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html
03 設定字體層級
為繁體中文的社群內容設計字體層級,以1080×1350的畫面為準:
【字體】推薦1款免費可商用的中文字體,附授權說明的出處
【層級】大標、副標、內文、註解的字級與粗細
【規則】一頁最多用幾種字級、行距設多少
會得到:字體建議和四級字級表。字體授權請自己再點出處確認一次。
04 規劃版面網格
替IG輪播(1080×1350)設計版面規則:
【安全區】四周各留白多少
【網格】欄數與間距
【固定元素】Logo、頁碼、帳號各放在哪裡
【封面】主標題的位置,最多幾行
05 做出元件庫
用上面的設計系統,在畫布上做一組可以重複使用的元件:
【標籤】警告、重點、編號
【卡片】一般卡片、提示詞卡片
【按鈕】留言關鍵字按鈕
【圖示】統一線條粗細與圓角
06 套成IG模板
用上面的設計系統,做3種IG輪播模板:
【封面】大標題+主視覺
【內頁】編號標題+重點清單
【結尾】交付清單+留言關鍵字按鈕
每種模板都標出可以替換的文字和圖片位置
07 一致性檢查
我會貼上新做好的貼文,請對照設計系統逐項檢查:
【顏色】有沒有用到系統以外的顏色
【字體】字級和粗細是否符合層級
【版面】Logo、頁碼的位置是否一致
【建議】列出要修改的地方,依重要程度排序
最後:存成設計系統
做好後,到設定 > 設計系統把它存起來。存好的設計系統,之後在任何Claude對話(包括Claude Code)都能直接套用,不用每次重講一遍。來源:https://claude.com/product/design
三、發文前檢查表
每篇貼出去前,自己對一次:
- 只用了色彩表裡的顏色
- 一頁沒有超過3種字級
- 標題用同一個字體家族,沒有中途換字體
- Logo、頁碼、帳號都在固定位置
- 手機縮到縮圖大小,主標題還看得清楚
- 文字和背景對比夠(淺字不要放在淺底上)
- 一篇只有一個主要CTA
四、卡關時的修正說法
| 遇到的狀況 | 直接貼給Claude |
|---|---|
| 給的顏色太多、太花 | 「把色彩系統縮到主色1個、強調色1個,其他全部改成中性色。」 |
| 推薦的字體沒有繁體中文 | 「只推薦有完整繁體中文字集、可免費商用的字體,附官方下載或授權頁。」 |
| 模板看起來都一樣 | 「封面、內頁、結尾要有明顯不同的版面,但顏色和字體維持同一套。」 |
| 元件風格不統一 | 「列出每個元件的圓角、線條粗細和間距,統一成同一組數值再重畫。」 |
| 檢查結果太籠統 | 「每個問題都指出在第幾頁、哪個元素,並給一個具體改法。」 |