Qaxd LSP
Design Token
Design Token 是设计工程化视角的产物,也是设计与前端之间共用的语言。
使用 Design Token 可长期维护产品的视觉体系,在一套设计系统中它具备统一命名规则;它本质上通过Token的方式定义设计系统中的设计原子,如颜色、投影、字体、字号等的寓意,使其与具体的样式值解偶;比如设计师设计的产品品牌色为#6633cc,Token为Brand1,当产品风格需要迭代时只需要修改一次Brand1的对应变量色值即可实现整套产品的UI迭代;对Design Token 合理的定义可以让属性参数更容易理解,也更便于对产品风格的控制,保证实际设计中的视觉一致性和扩展性。
在实际设计与标注过程中,理论上产品设计中的所有样式需要取至Design Token,设计标准过程中应该使用Design Token进行标注与前端开发。
由于为了让前端开发工程师能愉快地使用庞大的 Design Token,开发了 Design Token 的语言服务,提供自动补全、错误检查(诊断)以及语义提示等特性。
| |