每日一博 | 探索 Design Token
前言 近几年中台化业务兴起,各个业务团队为了能快速响应业务需求,提升研发效能,引入「设计系统」来解决模块化和规模化的问题。 回顾一下什么是设计系统,设计系统是由设计语言和模式库构成,在设计原则的指导下,通过统一的协作语言和科学的管理方法组织起来,并创建体验一致的用户界面的系统。 设计语言:设计系统的基础,与品牌识别和情感有关,包含颜色、字体、图标等基础设计原子; 模式库:一系列由设计原子组成的可复用的组件、模板等; 作为「设计系统」执行方的设计师与前端工程师,日常工作分别是在两个差异化较大的工作流中进行的。常规流程是设计师在设计工具(Sketch、Figma)中完成页面设计后,前端再参照绘制好的原型稿和标注稿,在代码环境中还原视觉稿 UI/UX。但在这个过程中时常会遇到以下问题: 前端如何高效的获取上游设计的更新? 视觉稿中可复用的设计系统原子,如何准确地传达给下游? 视觉还原工作还能提效吗? 前端如何高效的获取上游设计的更新? 设想这么一个场景,在产研交付的过程中,设计师在视觉稿中做的每次修改,都希望能快速响应到最终的产品中,尽可能做到敏捷。而实际工作中,设计上游变更后会告知前端(存...



