SheepNav
DESIGN.md by Google Stitch

DESIGN.md by Google Stitch

producthunt.com

AI可读的设计系统文件格式

21天前制作者:Rohan Chaubey

关于 DESIGN.md by Google Stitch

DESIGN.md 是 Google Stitch 推出的开源文件格式,将设计系统的核心资产——设计令牌、颜色意图、无障碍规则等——以纯语言形式存储在一个 Markdown 文件中。AI 代理可以直接读取该文件,从而在任何工具中正确应用你的设计系统,无需人工反复核对。

核心功能

设计令牌存储:将颜色、字体、间距等设计令牌以结构化 Markdown 表格或列表形式保存,AI 可自动解析并生成对应代码。

颜色意图与无障碍规则:定义颜色用途(如主色、强调色、背景色)以及对比度、色盲友好等无障碍规则,确保 AI 生成的设计符合 WCAG 标准。

跨工具兼容:由于采用纯文本格式,DESIGN.md 可被 Figma、VS Code、GitHub 等任何支持 Markdown 的工具读取,AI 代理也能无缝集成。

主要特性

  • AI 原生:专为 AI 代理设计,无需额外解析器即可理解设计系统。
  • 开源免费:基于 MIT 许可证,可自由使用、修改和分发。
  • 版本控制友好:作为 Markdown 文件,可轻松纳入 Git 等版本管理系统。
  • 人类可读:设计人员和开发人员可直接阅读和编辑,降低沟通成本。
  • 可扩展:支持自定义字段和规则,适应不同团队的需求。

适用场景

  • AI 辅助设计:让 AI 代理根据设计系统自动生成 UI 组件、页面布局或代码。
  • 跨团队协作:设计师与开发者共享同一份设计规范文件,减少误解。
  • 自动化工作流:结合 CI/CD 管道,自动检查设计一致性或生成样式指南。
  • 无障碍合规:内置无障碍规则,确保 AI 生成的内容满足可访问性要求。

相关工具