Design Systems

设计系统（Design System）是一套共享的组件、token、模式和规范，用来让产品界面在多个页面、平台和团队之间保持一致。

核心组成

变量（Variables）是颜色、间距、字号等值的命名容器。Token 是可以在设计工具和代码之间共享的设计决策，例如 --spacing-4 或 --color-border-subtle。组件（Components）把结构、状态、交互和可访问性规则封装成可复用单元。

事实来源（Source of Truth）是团队在设计决策上共同遵循的位置。它可以是 Figma 文件、代码库、文档站或三者组合。随着团队更接近真实产品体验，代码库经常承担越来越多的事实来源角色。

视觉语言（Visual Language）由颜色、字体、形状、动效和语气共同组成。它让用户在不同触点中识别同一个产品，并让新增界面自然继承既有风格。

Handoff 是设计进入工程实现的过程，依赖准确规格、共享 token 和可追问的上下文。Redline / annotation 用测量值、行为说明和边界条件补充非标准组件或一次性界面。