DESIGN.md:Google 推出的开源设计规范

分类开源项目
作者Google
来源跳转
发表时间

内容

DESIGN.md 是 Google 推出的开源格式规范,用于向编码智能体描述视觉识别系统。它结合机器可读的 YAML 设计令牌与人类可读的 Markdown 设计原理,并附带 CLI 工具支持验证、对比、导出等功能。

  • 核心定位: DESIGN.md 为编码智能体提供持久、结构化的设计系统理解,将机器可读令牌(颜色、排版、圆角、间距等)与设计原理说明相结合。
  • 文件结构: 采用 YAML front matter(--- 分隔)定义设计令牌,Markdown 正文阐述设计原理;令牌为规范性数值,正文提供应用上下文。
  • CLI 工具功能: 支持 lint(结构验证、WCAG 对比度检查)、diff(版本对比)、export(导出 Tailwind/DTCG 格式)、spec(输出规范)。
  • 令牌类型: 包括 Color(#1A1C1E)、Dimension(48px)、Token Reference({colors.primary})及 Typography 对象(含字体族、大小、字重等属性)。
  • 规范约束: 章节须按固定顺序排列(Overview → Colors → Typography → Layout → Elevation → Shapes → Components → Do's and Don'ts),重复章节标题会导致错误。
  • 组件令牌: 支持 button-primary 等组件定义,含 backgroundColortextColorroundedpadding 等属性,变体通过独立条目表达(如 button-primary-hover)。

评论

(0)
未配置登录方式
暂无评论