DESIGN.md 正式发布为开放标准！期待 Codex、Claude Code、Cursor 跟进支持 开源地址： https://t.co/YCSLqnP8HT 格式核心：机器可读 token...
- 定义双层结构：YAML token + Markdown 设计说明
- 支持 CLI 工具链验证、对比和导出
- 提升 LLM 对设计意图的理解能力
开源地址： https://t.co/bNFTNWIqxG
格式核心：机器可读 token + 人类可读 rationale 的双层结构
1. YAML Front Matter（机器层） 顶部用 --- 包裹的 YAML 定义精确的设计 token，包括： · colors：语义化命名 + https://t.co/EjaBsamaaF" / X
Post
Conversation
DESIGN.md 正式发布为开放标准！期待 Codex、Claude Code、Cursor 跟进支持 开源地址： github.com/google-labs-co格式核心：机器可读 token + 人类可读 rationale 的双层结构 1. YAML Front Matter（机器层） 顶部用 --- 包裹的 YAML 定义精确的设计 token，包括： · colors：语义化命名 + 十六进制值（如 primary: "# 1A1C1E"） · typography：字体家族、字号、字重、行高、字距等 · rounded / spacing：圆角与间距的阶梯尺度 · components：组件级 token，支持引用（如 backgroundColor: "{colors.tertiary}"） 2. Markdown Body（人类层） 正文用自然语言描述设计哲学与使用语境，规范要求按固定顺序组织为 8 个章节： 1. Overview（品牌与风格总览） 2. Colors（色彩角色与情感） 3. Typography（排版气质） 4. Layout（布局与留白策略） 5. Elevation & Depth（层级与阴影） 6. Shapes（形状语言） 7. Components（组件规范） 8. Do's and Don'ts（设计禁区） 关键设计：token 是规范性数值，prose 解释"为什么"以及"如何应用"。两者结合，使 LLM 既能获取精确值，又能理解设计意图，减少"猜错品牌色"的问题 CLI 工具链：验证、对比与导出 开源仓库提供了 @ google/design.md 命令行工具，核心能力包括 ： · lint：结构校验 + WCAG 对比度检测 + token 引用完整性检查 · diff：对比两个版本的 DESIGN.md，识别 token 与 prose 的回归 · export：导出为 Tailwind 主题配置或 W3C DTCG 标准 tokens.json · spec：输出规范原文，便于注入 agent prompt 作为上下文
Quote
David East
@_davideast
16h
DESIGN.md is now an open specification. A shared format to capture design intent and token values in any project. We've started with a baseline that leaves plenty of room for extension and your own creativity. Discussion on GitHub is more than welcome. github.com/google-labs-co
Made with AI