DESIGN.md:谷歌开源 AI 设计规范标准
- 来源:今日头条 / 2026-04-23
- 标签:设计系统, AI工具, DESIGN.md, 前端, 规范标准
是什么
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 配合使用效果最佳。