DESIGN.md:谷歌开源 AI 设计规范标准

是什么

DESIGN.md 是放在项目根目录的设计规范文件,专门给 AI 描述项目的设计系统:颜色、字体、间距、组件规范、设计原则。类比 CLAUDE.md / AGENTS.md 的逻辑,但专注于 UI/设计层面。

谷歌将其推为开放标准,目标是让所有 AI 工具(Figma、Cursor、Claude Code、Gemini)统一读取这个格式。

解决的问题

让 AI 生成 UI 代码时保持设计一致性。现有痛点:AI 每次生成前端代码都自己发明一套样式,与项目设计系统不符。

文件结构(典型)

# DESIGN.md

## Colors
- Primary: #1a73e8
- Background: #ffffff

## Typography
- Font: Inter, 16px base
- Heading: 24px/32px/40px

## Spacing
- Base unit: 8px

## Components
- Button: rounded-md, px-4 py-2
- Card: shadow-sm, rounded-lg

参考价值

edu-agent 课件生成系统有多套主题(Minecraft风格、Claymorphism风格等),可为每套主题写一个 DESIGN.md,让 Claude Code 生成课件时读取,提升风格一致性。

适合所有有设计系统的项目,与 CLAUDE.md 配合使用效果最佳。