請 AI 做東西時,你是不是也說過:「幫我做得漂亮一點」?
不論是簡報、社群圖或網頁,都可能遇到這種情況:內容已經有了,卻總覺得畫面少了點什麼。
想再修,又只擠得出「更有質感」「簡潔一點」「不要那麼像 AI 做的」。
當腦中有喜歡的風格,卻說不清楚配色、字體與排版時,我們可以從 getdesign.md 找到具體的參考。
它把不同網站/品牌的視覺風格整理成 AI 能讀取的設計文件,讓「我想要這種感覺」有更具體的依據。
getdesign.md:把喜歡的風格拆成設計說明書
科普:DESIGN.md 是 Google 在 Stitch 中提出的設計說明文件格式,用來把配色、字體、間距與元件樣式整理成 AI 能讀取的文字,讓 AI 製作畫面時有一致的依據。 (科普的科普:Markdown/md 是什麼)
文件會把原本混在整個畫面裡的設計選擇拆開來,這些內容構成一份可重複參考的設計說明。
| 設計面向 | 會說明什麼 |
|---|---|
| 配色 | 哪些顏色用在背景、文字或需要強調的地方 |
| 字體與層級 | 標題、內文、註解如何區分大小與粗細 |
| 版面與間距 | 內容怎麼排列、區塊之間如何留白 |
| 元件樣式 | 按鈕、卡片與輸入欄位採用哪些視覺規則 |
例如,當你說「簡潔一點」,可能是在意顏色太多,也可能是標題與內文缺少層次,或資訊擠在一起。把這些問題拆開,就比較容易指出自己真正想調整的部分。
對不熟悉設計的人來說,這也是一個理解品牌設計風格的入口。
先看自己喜歡哪種感覺,再透過文件認識它背後的安排,描述需求時就多了幾個具體的詞。

逛逛品牌參考區,找到你喜歡的風格
想找接近自己期待的風格,可以直接逛 getdesign.md 的品牌參考區。
網站把不同品牌的公開視覺風格整理成獨立分析,你可以從熟悉的品牌開始比較。
例如,以下三個品牌的風格就有明顯差異:
| 品牌參考 | getdesign.md 描述的風格 | 可以留意的設計面向 |
|---|---|---|
| Apple | 簡潔配色、大幅產品影像、充足留白 | 留白與文字層級如何凸顯產品重點 |
| Meta | 藍色點綴、圓角元件、清晰的資訊編排 | 色彩與圓角如何營造親和感 |
| Nike | 黑白對比、粗體標題、運動影像主導 | 醒目文字與照片如何建立視覺張力 |
首頁也列出各個品牌的 DESIGN.md,並提供依安裝次數(Installs)或收藏次數(Bookmarked)排序的選項,作為尋找參考的另一種方式。
挑出幾個有興趣的品牌後,再比較文件裡的配色與排版,就能慢慢縮小自己想要的風格範圍。

找到喜歡的風格後,怎麼讓 AI 用上 DESIGN.md?
選好風格後,接下來就是把對應的 DESIGN.md 交給 AI,讓它依照文件裡的規則製作畫面。以 Apple 的設計文件頁面 為例,可以下載文件,或透過頁面提供的指令加入專案。
最直覺的做法是下載 DESIGN.md,放進專案資料夾,再請 AI 先讀取這份文件。
在需求裡明確提到檔案,並說清楚想參考哪些部分,例如配色、文字層級或卡片樣式。
如果習慣用終端機,也可以在專案資料夾中執行品牌頁提供的 npx 指令,將設計文件加入專案。完整指令可以直接參考頁面上的使用說明。
有了文件,就能把原本的「幫我做得漂亮一點」改成更具體的要求。例如,請 AI 調整現有網頁時,可以這樣說:
請先閱讀專案中的 DESIGN.md,參考其中的配色、文字層級與留白方式,重新整理這個頁面。
DESIGN.md 提供風格參考,你的需求則可以決定哪些規則適合這次作品。
把參考與任務一起說清楚,AI 才更容易對準你期待的方向。
下次想請 AI 把東西做得漂亮一點,可以先找到接近自己期待的品牌/設計參考。
當你能指出「我喜歡這裡的顏色、這樣的文字層級、這種留白」,再說明這次要做什麼,原本模糊的感覺,就有了可以討論與調整的依據。

不只做網站:design.md可以借用到其他格式裡
getdesign.md 的資料主要來自網站,但官網也列出 Banner、社群貼文、行銷頁面與 AI 圖像等用途。對想請 AI 做視覺成果的人,這些文件也能作為風格參考。
以社群圖為例,你可以參考某種風格的design.md背景色、文字對比與強調色,讓標題和補充資訊有清楚的主次。
如果是簡報,我會把它當作整理視覺方向的起點:從分析裡挑出配色、文字層級與留白方式,再思考如何放進投影片。
從網頁、社群圖到簡報,都可以借鑑這些視覺規則,再依作品的格式與用途調整。要挑哪些規則,可以先從自己喜歡的品牌風格看起。
延伸閱讀:Open Design 的功能、特色與使用方式介紹。

讓 getdesign.md 成為你設計想法的第一步
下次想請 AI「做得漂亮一點」,可以先到 getdesign.md 找找喜歡的品牌風格,挑出想參考的配色、文字層級與留白,再把 DESIGN.md 和這次的需求一起交給 AI。
無論是網頁、簡報或社群圖,有了具體參考,就更容易把「我想要這種感覺」說清楚。

