变量 (Variable) 又称设计令牌 (Design Token)
变量的作用
简化工作流程、提高设计效率、保持一致性、增强协作并创建适应性强的交互式设计、提升设计可扩展性和整体质量。
变量的优势
1、可复用：赋予元素颜色、数值、文本、布尔值等属性
2、灵活切换：可在不同主题直接切换
3、动态更新：自动更改应用变量的所有场景，轻松更新设计系统节省时间和精力
变量使用场景
切换明暗或其他模式
切换不同布局
切换语言
在文字排版中应用变量
变量的类型
Pixso支持创建4种类型的变量，分别是：颜色、数值、文本和布尔值。
颜色变量可以应用于对象的填充或描边
数值变量可用于定义尺寸，例如图层宽度和高度、间距、圆角
文本变量可以应用于文本图层，使用文字变量有助于高效完成重复内容和本地化
布尔变量可用于切换图层可见性
如何应用变量
不同类型的变量在设计面板中调用的位置不同
1、如何将变量应用于对象
我们可以通过选中画布上的图层，使用右侧边栏来应用变量，要应用颜色变量，请点击样式图标。
要应用数值、文本变量布尔变量，请单击变量图标（六边形）或打开文本/数值输入框的下拉菜单。
2、组件内的变量
我们使用“颜色”和“间距”这两个变量集的内容来塑造这些组件，选择一个元素，从 “颜色” 变量集中选取颜色变量。
将 “间距” 变量集中的数字变量应用到卡片：组件中使用自动布局的内边距和间距值上
3、文字使用变量的方法
您可以将文本变量绑定到文本，即集中管理文本内容，或者将文本变量用于排版，例如字体家族和字体粗细；选中文本，在文本内容应用文本变量，将影响文本的内容。
4、文字排版中的变量
字体相关的变量可以同时使用文本变量和数值变量这两种类型。
5、网格应用变量
选择画板，使用变量来更改布局网格参数。
6、效果应用变量
您还可以将变量应用到效果上。比如我们将把变量与阴影效果中的数值进行绑定， 选择以下卡片并将其拖动到旁边的容器中，你会注意到阴影消失了，这是因为这些投影参数变量与效果样式相关联，并且仅在浅色模式下存在。
7、渐变应用变量
您还可以将颜色变量与渐变的各个节点进行绑定，选择图层，然后打开 “填充” 选项，从颜色设置面板中，选择渐变色的起始点，在颜色列表中切换到 “变量” tab，然后搜索 “渐变”，选择 “渐变起始点”。
