開放原始碼,人人都能使用。
好設計,
從一份 Markdown
開始.
把喜歡的設計語言,交給你的 AI。
色彩、字型、元件與全新指令,一份檔案就緒。
74 套設計參考 · 分析與 AI 指令 · 完全免費
DESIGN.md 設計參考
# 一套視覺語言。
## 色彩配置
## 字型與排版
讓好點子
成為好作品。
成為好作品。
區段間距96px
卡片圓角12px
為你的下一個點子做好準備。
✳ 一點方向。
更好的成果。
一份檔案,掌握完整設計系統。更好的成果。
純文字規格,適用於你的開發流程
Claude CodeCursorCodexGemini以及你的下一個工具 ↗
設計參考集
找到下一個作品的方向.
載入設計中…
⌕
還沒有符合的設計
換個關鍵字,或清除篩選重新探索。
暫時無法載入設計集
請重新載入,或稍後再試。
參考來源與比對紀錄 讀取紀錄中…
預覽依公開官網製作,供設計參考。各頁保留參考日期、比對範圍與已知差異。
查看全部參考紀錄 →74 份延伸規格與 222 則任務指令已重新整理為台灣繁體中文。下載繁體中文資料包 ↗
- 01
選一個你喜歡的方向
瀏覽設計集,比較色彩、排版與元件,找到符合產品氣質的參考。
- 02
把 DESIGN.md 放進專案
下載完整設計規格,讓 AI 讀取可重複使用的視覺規則。
- 03
複製指令,加入你的需求
建立頁面、製作元件或改造介面,從重新撰寫的任務指令開始。