想請 AI 做得漂亮一點?用 getdesign.md 找到具體的風格參考

雜亂設計想法經 Apple、Meta、Nike 的 DESIGN.md 參考,轉成完整視覺設計

請 AI 做東西時,你是不是也說過:「幫我做得漂亮一點」?

不論是簡報、社群圖或網頁,都可能遇到這種情況:內容已經有了,卻總覺得畫面少了點什麼。

想再修,又只擠得出「更有質感」「簡潔一點」「不要那麼像 AI 做的」。

當腦中有喜歡的風格,卻說不清楚配色、字體與排版時,我們可以從 getdesign.md 找到具體的參考。

它把不同網站/品牌的視覺風格整理成 AI 能讀取的設計文件,讓「我想要這種感覺」有更具體的依據。

getdesign.md:把喜歡的風格拆成設計說明書

科普:DESIGN.md 是 Google 在 Stitch 中提出的設計說明文件格式,用來把配色、字體、間距與元件樣式整理成 AI 能讀取的文字,讓 AI 製作畫面時有一致的依據。 (科普的科普:Markdown/md 是什麼)

文件會把原本混在整個畫面裡的設計選擇拆開來,這些內容構成一份可重複參考的設計說明。

設計面向會說明什麼
配色哪些顏色用在背景、文字或需要強調的地方
字體與層級標題、內文、註解如何區分大小與粗細
版面與間距內容怎麼排列、區塊之間如何留白
元件樣式按鈕、卡片與輸入欄位採用哪些視覺規則

例如,當你說「簡潔一點」,可能是在意顏色太多,也可能是標題與內文缺少層次,或資訊擠在一起。把這些問題拆開,就比較容易指出自己真正想調整的部分。

對不熟悉設計的人來說,這也是一個理解品牌設計風格的入口。

先看自己喜歡哪種感覺,再透過文件認識它背後的安排,描述需求時就多了幾個具體的詞。

DESIGN.md 將簡潔的設計感拆解為配色、字體層級、版面間距與元件樣式規則

逛逛品牌參考區,找到你喜歡的風格

想找接近自己期待的風格,可以直接逛 getdesign.md 的品牌參考區。

網站把不同品牌的公開視覺風格整理成獨立分析,你可以從熟悉的品牌開始比較。

例如,以下三個品牌的風格就有明顯差異:

品牌參考getdesign.md 描述的風格可以留意的設計面向
Apple簡潔配色、大幅產品影像、充足留白留白與文字層級如何凸顯產品重點
Meta藍色點綴、圓角元件、清晰的資訊編排色彩與圓角如何營造親和感
Nike黑白對比、粗體標題、運動影像主導醒目文字與照片如何建立視覺張力

首頁也列出各個品牌的 DESIGN.md,並提供依安裝次數(Installs)或收藏次數(Bookmarked)排序的選項,作為尋找參考的另一種方式。

挑出幾個有興趣的品牌後,再比較文件裡的配色與排版,就能慢慢縮小自己想要的風格範圍。

getdesign.md 品牌設計參考清單,列出品牌風格、安裝次數與收藏次數

找到喜歡的風格後,怎麼讓 AI 用上 DESIGN.md?

選好風格後,接下來就是把對應的 DESIGN.md 交給 AI,讓它依照文件裡的規則製作畫面。以 Apple 的設計文件頁面 為例,可以下載文件,或透過頁面提供的指令加入專案。

最直覺的做法是下載 DESIGN.md,放進專案資料夾,再請 AI 先讀取這份文件。

在需求裡明確提到檔案,並說清楚想參考哪些部分,例如配色、文字層級或卡片樣式。

如果習慣用終端機,也可以在專案資料夾中執行品牌頁提供的 npx 指令,將設計文件加入專案。完整指令可以直接參考頁面上的使用說明。

有了文件,就能把原本的「幫我做得漂亮一點」改成更具體的要求。例如,請 AI 調整現有網頁時,可以這樣說:

請先閱讀專案中的 DESIGN.md,參考其中的配色、文字層級與留白方式,重新整理這個頁面。

DESIGN.md 提供風格參考,你的需求則可以決定哪些規則適合這次作品。
把參考與任務一起說清楚,AI 才更容易對準你期待的方向。

下次想請 AI 把東西做得漂亮一點,可以先找到接近自己期待的品牌/設計參考。

當你能指出「我喜歡這裡的顏色、這樣的文字層級、這種留白」,再說明這次要做什麼,原本模糊的感覺,就有了可以討論與調整的依據。

getdesign.md 使用流程:下載 DESIGN.md 放入專案,請 AI 讀取配色、文字層級與留白規則,再重新整理頁面

不只做網站:design.md可以借用到其他格式裡

getdesign.md 的資料主要來自網站,但官網也列出 Banner、社群貼文、行銷頁面與 AI 圖像等用途。對想請 AI 做視覺成果的人,這些文件也能作為風格參考。

以社群圖為例,你可以參考某種風格的design.md背景色、文字對比與強調色,讓標題和補充資訊有清楚的主次。

如果是簡報,我會把它當作整理視覺方向的起點:從分析裡挑出配色、文字層級與留白方式,再思考如何放進投影片。

從網頁、社群圖到簡報,都可以借鑑這些視覺規則,再依作品的格式與用途調整。要挑哪些規則,可以先從自己喜歡的品牌風格看起。

延伸閱讀:Open Design 的功能、特色與使用方式介紹。

同一份 design.md 的視覺規則延伸到 Banner、網站、簡報、社群貼文與直式限動

讓 getdesign.md 成為你設計想法的第一步

下次想請 AI「做得漂亮一點」,可以先到 getdesign.md 找找喜歡的品牌風格,挑出想參考的配色、文字層級與留白,再把 DESIGN.md 和這次的需求一起交給 AI。

無論是網頁、簡報或社群圖,有了具體參考,就更容易把「我想要這種感覺」說清楚。