Figma 20240416 更新 - 变量又增强了

查看官方更新日志

这次更新与我们普通用户相关的，有两个比较实用的功能：

1. 变量支持字体相关的参数
2. 变量支持了渐变色

目前 Figma 的变量功能依然是 beta 版本，但是成熟度已然很高了。只是部分样式还是无法使用变量，比如阴影等特效类的。

接下来简单说下更新的两个功能的具体使用场景。

变量支持更多字体参数

在 Figma 中创建了数字类型的变量后，原来是可以在字体字号的位置进行调用，但是现在不光是字号，字重、行高、字间距、行间距以及字体等等都可以通过数字变量来控制。

尤其是字重，可以精准统一控制字体的粗细。下图就是通过数字在同一字重下，各个字体的显示情况，可以看出，笔划的粗细几乎一致，这样就避免了选择字重时使用 Regular 还是 Normal 的问题了。

变量支持渐变

渐变的支持并不是跟原来的 Style 一样，而是渐变中的每个色块，支持了变量。在变量中定义好纯色，或是带透明度的纯色。

需要注意的是，渐变使用了变量后，透明度就只能通过变量来调整。因此，常用的做法是，在设置渐变时，通常将某一端的颜色设置为比如企业色，另外一端则可以根据实际效果进行微调。

而渐变的设置方式也因这次更新，有了阶段百分比的设置，以前要设置渐变色块的位置，只能凭感觉手动拖拽。现在则可以直接通过设置 Stops 的值来设置色块位置，以满足更精确的需求。