听说过 Design Token 但不知道是啥？看完这条你就懂了 🔤 简单解释： Design Token 就是给设计里的每个"值"起一个语义化的名字 比如你的品牌蓝是 2563EB，与其到处直接用这个色值，不如给它起个名字叫 color-primary。之后要改品牌色，只改 Token 的定义就行，所有用到的地方自动更新 📊 Token 的分层： 第 1 层：基础 Token（Global Token） 定义最原始的值 → blue-500: 2563EB / spacing-4: 16px / font-size-md: 16px 第 2 层：语义 Token（Alias Token） 给基础 Token 赋予使用含义 → color-primary: blue-500 / color-danger: red-500 → spacing-card-padding: spacing-4 第 3 层：组件 Token（Component Token） 具体组件的样式定义 → button-primary-bg: color-primary → button-primary-text: color-white 🧠 这样分层有什么好处？ ① 换肤/主题切换：只改第 2 层 Token，深色模式瞬间完成 ② 品牌升级：改基础 Token，所有组件自动更新 ③ 设计开发一致：双方都用 Token 名称沟通，不会出现"这个蓝不是那个蓝"的问题 ④ 白标产品：同一套组件换不同 Token 就能给不同客户用 Token 是设计系统的"地基"，地基打好了上面的组件才稳固🏗️