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，便于在编辑器中操作
缺点
- 每位访客有每日生成限制
价格方案
Free
$0day
- 生成 DESIGN.md
- 每日每位访客限制
- 无需信用卡
* 价格信息仅供参考，请以Design MD Generator官网最新公告为准。
常见问题
它会从实际 CSS 中统计颜色、字体栈、字号比例、间距、圆角、阴影和 CSS 自定义属性，再生成九段式 DESIGN.md。
可以通过 MCP 连接，让代理搜索库、读取任意 DESIGN.md 或运行生成器。
工具信息
开发商Design MD Generator
发布日期2026/9/12
定价模式free