D
Design MD Generator
從公開網址擷取真實設計權杖，產生供 AI 程式設計代理使用的 DESIGN.md
free
最後更新 2026/9/12
關於 Design MD Generator
Design MD Generator 可將公開網址交給產生器，從真實 CSS 擷取色彩、字型、字級比例、間距、圓角、陰影與元件狀態，並依主題、調色盤角色、排版、版面配置、元件、層級、圓角、動態效果及設計規範產生九段式 DESIGN.md。檔案可放入程式碼儲存庫，並從 CLAUDE.md 或 .cursor/rules 引用，讓產生的介面貼合來源網站設計系統；也可透過 MCP 在編輯器中搜尋資料庫、讀取檔案或執行產生器。
適合人群
AI 程式設計代理使用者
前端開發者
設計系統維護者
使用 CLAUDE.md 或 .cursor/rules 的團隊
適合場景
為現有網站產生設計系統檔案
讓 AI 程式設計代理重用來源網站設計
從編輯器透過 MCP 執行產生器
瀏覽現成 DESIGN.md 設計系統
功能特性
真實 CSS 擷取
從實際樣式統計色彩、字型堆疊、字級比例、間距、圓角、陰影及 CSS 自訂屬性。
以證據為本的分析
每個十六進位色彩、字型名稱和圓角均來自網站真實 CSS；擷取器不自行發明權杖。
九段式 DESIGN.md
AI 設計分析師產生主題、調色盤角色、排版、版面配置、元件、層級、圓角、動態效果及設計規範。
MCP 編輯器連線
透過 MCP 搜尋資料庫、讀取 DESIGN.md，或在編輯器中執行產生器。
優點
- 權杖來自真實 CSS，避免臆測
- 輸出可放入程式碼儲存庫並供代理引用
- 每日限制內可免費產生
- 支援 MCP，方便在編輯器中操作
缺點
- 每位訪客每日有產生限制
價格方案
免費
$0日
- 產生 DESIGN.md
- 每日每位訪客限制
- 不需要信用卡
* 價格資訊僅供參考，請以Design MD Generator官網最新公告為準。
常見問題
它會從實際 CSS 統計色彩、字型堆疊、字級比例、間距、圓角、陰影與 CSS 自訂屬性，再產生九段式 DESIGN.md。
可以透過 MCP 連線，讓代理搜尋資料庫、讀取任何 DESIGN.md，或執行產生器。
工具資訊
開發商Design MD Generator
釋出日期2026/9/12
定價模式free