📌 一句话解释： Design Token 就是把设计中的基础属性（颜色、字号、间距、圆角等）定义成「变量」。
📌 举个例子： 你在设计稿里用的蓝色 1677FF，不直接叫「蓝色」，而是命名为 color-brand-primary。 按钮的圆角不叫「6px」，而是叫 border-radius-medium。
📌 这样做有什么好处？
① 一改全改 要换品牌色？改一个 Token 值，整个产品的品牌色全部同步更新。
② 设计和开发统一语言 设计师说 color-brand-primary，开发也用同一个变量名，不会出现色值对不上的问题。
③ 多主题支持 深色模式、多品牌皮肤，只需要切换一套 Token，不用改组件本身。
📌 Token 的分层： 全局 Token（Global）→ 语义 Token（Alias）→ 组件 Token（Component） 比如：Blue-600 → color-brand-primary → button-color-bg-primary
上手建议：先从颜色和字体开始定义，逐步扩展到间距和圆角。
📚下面这份《UIUX 学习指南》，是我耗时一年沉淀整理，萃取苹果、谷歌等一线大厂设计逻辑，搭建而成的完整体系：
• 从视觉表现、交互逻辑到用户研究、产品思维，全覆盖 UI/UX 设计全链路
• 无论零基础入门、设计师进阶，还是冲刺资深岗位，都能精准匹配
• 每天只需片刻投入，就能系统搭建起专业、扎实的设计认知
爬出低谷，从来不需要惊天动地的顿悟。👇文末加入学习指南，持续学、持续拆、持续沉淀。
你会发现，焦虑与迷茫正被稳稳的确定性取代，你对设计的理解，也从此有了重量。
