awesome-design-md 研究报告
仓库: VoltAgent/awesome-design-md 研究时间: 2026-06-18
概况
“D设计系统即代码”（Design as Code）——用 markdown 定义设计系统，通过工具链生成组件代码的范式。
价值
- 90K+ ⭐
- 收录了设计系统领域的工具、框架、工作流
- 核心概念：用声明式 DSL（YAML/MDX）定义设计 token，自动生成 Tailwind/vanilla-extract/styled-components 等多框架输出
- 工具链包括 Figma 插件、Style Dictionary、Theo、Specify 等
对 Hermes 的参考价值
Hermes 的 design-md skill 就是此生态的一部分。可探索更多工具链集成。
2026-10-09 Codex 审阅
当前官方项目是从公开网站提取、供 AI agent 读取的 DESIGN.md 设计系统文档集合，包含颜色、字体、间距等视觉描述。原文将它写成自动生成多框架组件的工具链，并把 Figma / Style Dictionary / Theo / Specify 都列为其实现，缺少依据；这些功能不应当作此仓库的既有能力。Hermes design-md 的本地安装情况未在本轮核验。