设计系统的原子,统一管理所有设计变量,跨平台保持一致。
核心
给颜色、间距、字号等起名,用名称调用,不写死数值
改一处,全局自动更新
三层架构(必记)
全局令牌:基础色阶、间距序列(原材料)
语义令牌:对应使用场景(背景、文字、边框…)
组件令牌:组件专用(可选)
👉 支持深色模式、多品牌、多密度一键切换
命名
语义化,不写具体颜色
结构:类别-属性-元素-状态
工具
存储:JSON / Figma Variables
转换:Style Dictionary
原则:只有一个真相源
最佳实践
只令牌化复用、会变的值
渐进式落地:颜色 → 间距 → 字体
💡 一句话
设计令牌 = 可维护、可跨端、统一的设计原子。
📚下面这份《UIUX 学习指南》,是我花 1 年时间整理,萃取苹果、谷歌等大厂设计智慧搭建而成的:
• 体系完整又系统,从视觉、交互到用研、产品,覆盖 UI/UX 全链路
• 不管是零基础入门、中级进阶还是冲资深,都能精准适配
• 每天花 5~10 分钟,就能稳步搭建起专业认知框架
👇文末加入「UIUX 学习指南」,每天 5~10 分钟,去学、去拆解。
当你开始坚持,你便不再只是“做设计”,而是用设计的眼光重新看见世界。






