详解｜Design Tokens 在设计系统中的意义与分析方法

我们可以从框架系统对里面的核素入手，将整个框架系统对替换单单“形似、蓝、读音、合、质”这几个大的全面性，并依照完全相同的类别、电容、本体、标准和状态，对 Token 透过定名上的规范基本概念：

举个比如说，上图里面的 button，它的氛围蓝 Token 可用上图里面的定名手段，每条分别是它的类别、电容、本体、标准、状态，所以这个 button 的氛围蓝所相同的 Token 就是：color-button-background-primary-nomal：

有了这样一个系统对性的定名法则之后，我们就可以以注记的形似式，将的设计系统对里面所有关的到 Token 的元素外观上都搜集单单来，作为的设计和开发新拉通提效的基准：

举例来说的设计和开发新是必需可用一套完整的 Token 年表来构建接收者可视。

如果你的团队在可用 Figma 作为的设计协作工具，也可以可用插件：Figma Tokens。工程师将搜集好的 Token 文档导入到这个插件里面，而开发新可以利用这个插件高效生成Token 相同的JSON 明文，直接镜像应用于编写编码，这样就可以很好的保证的设计与开发新协作的精确性和可靠率：

译者：元尧；社会所号：小子；

本文由@ 元尧 原创刊发于有为都是其产品总经理。未经许可，禁止转载。

题图来自 Unsplash，基于CC0协定。