Turbo Code

联系我们

开始

转码

Tokens

Tokens 支持类型

目前支持 5 种 Design Tokens 注入至 Figma 页面样式

一、间距

定义：间距分为 3 类，分别为内容间距（Gap）、横向间距（Horizontal）、纵向间距（Vertical）

1. 内容间距（Gap）

2. 水平间距（Horizontal）也可以理解为x轴

3. 垂直间距（Vertical）也可以理解为y轴

使用：右击选择对应对应间距、每个值支持选对不同属性

二、文字

定义：定义：文字分别有为 3 种属类，分别为字重、大小、行高（区分单行行高、多行行高根据自身选择对应行高）

使用：根据所需选择对应 Tokens

字体大小与行高建议一一对应，举例t1编号字号对应t1编号行高。如无法满足具体业务场景可以选择不对应。

三、颜色

定义：定义：颜色分为 3 大类，分别为中性色、主题色、功能色（中性色根据应用场景还进行了细分）

使用：根据应用场景选择对应颜色

支持：填充色、边框色设定，填充色及边框色支持选择不同色值

选择 Tokens 不建议选择 Foundaiton 下 Tokens，Foundaiton 为全局底层 Tokens 当用例没有可用的别名时才使用全局令牌。

四、圆角

定义：右击选择，每个角的圆角支持选择不同的 Tokens；

五、阴影

定义：目前支持 3 类投影，分别为小、中、大根据应用场景所需选择对应投影；