Design.md 资源导航
Design.md 规范、示例库、提取工具与插件都在这一张表里面了。如有补充可以留言谢谢🙏
| 分类 | 项目/资源 | 资源类型 | 解决什么/核心价值 | 输入 | 输出 | 适用人群/场景 | 链接 |
|---|---|---|---|---|---|---|---|
| 规范 | google-labs-code/design.md | 格式规范（Spec） | 定义 DESIGN.md 的结构：YAML tokens + Markdown 说明；给 coding agents 持久化视觉身份/设计系统上下文。 | 手写/生成 DESIGN.md（按 spec） | DESIGN.md（标准格式） | 需要标准/可移植 DESIGN.md 的团队 | github.com/google-labs-code/design.md |
| 示例库 | VoltAgent/awesome-design-md | DESIGN.md 示例合集 + 预览 | 收集大量可直接使用的 DESIGN.md（多品牌/多行业），并常配 preview.html / preview-dark.html 方便查看。 | 选择一个现成 DESIGN.md | 可直接放进项目的 DESIGN.md | 想快速套用成熟风格的开发/设计/AI coding 用户 | github.com/VoltAgent/awesome-design-md |
| 示例库 | GitHub Topic: design-md | 仓库集合页（索引） | 汇总带有 design-md 主题标签的相关仓库（示例、生成器、工具等），可按 Star/更新时间继续扩展。 | 在 Topic 页筛选/发现仓库 | 更多 DESIGN.md 相关 repo | 需要持续扩充资源池的人 | github.com/topics/design-md |
| 提取工具 | albertzhangz10/figma-design-system-to-design-md | Figma → DESIGN.md 转换工具 | 把 Figma 里的设计系统信息转换为 design.md，减少手写成本。 | Figma 设计系统/样式/变量 | DESIGN.md（或类似产物） | 已有 Figma 资产、想生成可投喂文件的人 | github.com/albertzhangz10/figma-design-system-to-design-md |
| 提取工具 | bergside/design-md-figma（在 Topic 页可找到） | Figma 插件/工具（抽取） | 从 Figma 抽取变量/样式并导出 DESIGN.md / SKILL.md（以 Topic 页信息为准）。 | Figma 文件 | DESIGN.md / SKILL.md | 偏插件工作流的设计师/开发者 | github.com/topics/design-md |
| 浏览器插件 | bergside/design-md-chrome | Chrome 插件：网站 → DESIGN.md | 从网站提取颜色/排版/样式信息并生成 DESIGN.md 或类似 agent 可用文件。 | 任意网站 URL（可视样式） | DESIGN.md（或类似产物） | 想"从现有网站复刻风格/生成投喂文件"的人 | github.com/bergside/design-md-chrome |
番茄炒蛋
这个博客宽带加上这个表格看的我难受死了救命😱
Evan
@番茄炒蛋 我也难受，哈哈。就这样吧！有需要的自己直接复制就行了。其实可以写成html让它左右滑动，不弄了。大家自行复制吧！哈哈😂
Evan
@番茄炒蛋 没忍住，哈哈。稍微整理了一下，就这样吧！