通过介绍 Design Token 的基本知识及 Design Token 在设计中通过应用为大家提供新的问题解决思路

在线设计、研发协作工具和组件概念的普世化，让设计、研发效率大大提升；在数字产品发展到今天，数字产品对迭代速度、个性化品质要求也越来。设计师应该如何应对，做到更快速、高效地从设计到研发的落地？本文将通过介绍 Design Token 的基本知识及 Design Token 在设计中通过应用为大家提供新的问题解决思路。

一、关于设计的一致性

设计师对于原子设计理论（Atomic Design Methodology）肯定不陌生，从原子（Atoms）、分子（Molecules）、组织（Organisms）、模板（Templates）、页面（Pages）包括标准流程（Patterns）到更完善的设计体系（Design Systems），一切的一切都是为了产品设计、研发效率和一致性提供帮助。同时，它们也是传达设计原则、构成产品独特气质的基石。

为了让上述的“设计基石”更统一，设计师一定会有一套设计规则（设计规范），但令人遗憾的是对于这些关键规则最熟悉的人，也大多是规则的制定者，其他设计师对该规则的细节则不甚清晰，在生产过程中大多是通过组件的复制、样式的复制完成产品的设计。

而开发者对规范的理解成本则更高，这在开发落地过程中则基本上依赖设计师和工程师的线下沟通，存在较高的沟通和走查的时间成本。

二、什么是 Design Token?

“Token”原本的意思是“令牌”，在工程逻辑中用于用户身份与服务器端进行验证，而在设计体系中，Design Token 则可以简单理解为封装的视觉样式参数。

它是通过规定样式参数，并通过一套符合设计师、工程师理解的统一的命名规则，为这些样式参数的定义名称。

例如在真实的产品设计、研发过程中，这个环节大多是断掉的，通常看到的样式代码几乎都没有辨识性的参数。当时间一久、产品复杂起来，想要全局迭代维护将是意见非常痛苦的事情，但如果我们将这些样式参数规范和封装起来，用语义化的方式进行描述和管理，开发过程就会清晰得多：

设计也是同理：