開放原始碼,人人都能使用。

好設計,
從一份 Markdown
開始.

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

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

↳ DESIGN.md 設計參考

# 一套視覺語言。

## 色彩配置

## 字型與排版

讓好點子
成為好作品。
區段間距96px
卡片圓角12px
為你的下一個點子做好準備。
✳ 一點方向。
更好的成果。
一份檔案,掌握完整設計系統。
純文字規格,適用於你的開發流程
Claude CodeCursorCodexGemini以及你的下一個工具 ↗

設計參考集

找到下一個作品的方向.

所有檔案,免費開放

載入設計中…

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

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

查看全部參考紀錄 →

74 份延伸規格與 222 則任務指令已重新整理為台灣繁體中文。下載繁體中文資料包 ↗

從參考到實作

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

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

    選一個你喜歡的方向

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

  2. 02

    把 DESIGN.md 放進專案

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

  3. 03

    複製指令,加入你的需求

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

設計系統 /

設計預覽

實際頁面節錄

正在讀取預覽…

查看參考紀錄 ↗

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

製作紀錄與 AI 初稿

延伸規格與三則任務指令已改為台灣繁體中文;Google Stitch 原始預覽與截圖保留來源原貌。

三則 AI 實作指令(繁體中文)
全部免費 · 無須登入