OPEN SOURCE. OPEN TO EVERYONE.

好設計,
從一份 Markdown
開始.

把喜歡的設計語言,交給你的 AI。
色彩、字體、元件與全新指令,一份檔案就緒。

74 套設計參考 · 分析與 AI 指令 · 完全免費

↳ DESIGN.md REFERENCE

# A visual language.

## Color palette

## Typography

Made to make
something good.
space.section96px
radius.card12px
Ready for your next idea.
✳ A little direction.
A better result.
ONE FILE. A WHOLE DESIGN SYSTEM.
純文字規格,適用於你的開發流程
Claude CodeCursorCodexGeminiand your next tool ↗

THE COLLECTION

找到下一個作品的方向.

所有檔案,免費開放

載入設計中…

參考來源與比對紀錄 讀取紀錄中…

預覽依公開官網製作,供設計參考。各頁保留參考日期、比對範圍與已知差異。

查看全部參考紀錄 →

原始 74 份分析與 222 則指令完整保留。下載原始資料包 ↗

FROM REFERENCE TO REALITY

三個步驟,
開始你的下一個作品。

下載通用實作指令 ↗
  1. 01

    選一個你喜歡的方向

    瀏覽設計集,比較色彩、排版與元件,找到符合產品氣質的參考。

  2. 02

    把 DESIGN.md 放進專案

    下載完整設計規格,讓 AI 讀取可重複使用的視覺規則。

  3. 03

    複製指令,加入你的需求

    建立頁面、製作元件或改造介面,從重新撰寫的任務指令開始。

DESIGN SYSTEM /

設計預覽

實際頁面節錄

正在讀取預覽…

查看參考紀錄 ↗

免費的獨立設計研究。參考日期與已知差異可在下方查看。

製作紀錄與 AI 初稿

原始分析、三則任務指令與 Google Stitch 初稿保留於此,可查看這份設計的製作過程。

原始三則 AI 指令
全部免費 · 無須登入