查看、编辑与导出

查看设计系统

打开 Design System 面板，即可查看任一屏幕当前使用的设计系统。面板会显示解析后的 token：色彩、字体、圆角程度、间距和组件模式。

如果项目有多个设计系统，面板会显示应用到当前所选屏幕的那一个。

设置默认设计系统

若要让某个设计系统应用到项目中之后生成的所有屏幕，请把它设为项目默认。此后生成的新屏幕会自动继承它的 token。

现有屏幕不会被追溯更新。要让它们保持一致，请逐一为它们应用该设计系统。

通过 Design System 面板编辑

Design System 面板支持直接编辑当前使用的设计系统。在这里所做的更改会同时更新结构化 token 和 DESIGN.md 摘要。

可编辑的属性包括：

• 调色板：primary、secondary、tertiary 和 neutral 基础色
• 排版：headline、body 和 label 字体族
• 圆角程度：圆角半径尺度

若需要更细致的更改（组件准则、Do’s and Don’ts 或概览叙述），请直接编辑 DESIGN.md 的 markdown。

随项目导出

导出项目时，DESIGN.md 文件会连同生成的屏幕一起包含在 zip 中。这为下游使用方（开发者、其他设计工具或其他智能体）提供了一份可携带的设计系统记录。

导出的 DESIGN.md 是一份独立文档，不依赖 Stitch 也能发挥作用。

在 Stitch 之外工作？

@google/design.md CLI 可依据正式规范校验任何 DESIGN.md 文件、检查 WCAG 对比度，并将 token 导出为 Tailwind 或 W3C Design Token 格式。无论 DESIGN.md 由 Stitch 生成还是手工编写，它都能处理。