为做组件，Figma 更新了哪些功能？

一、Variables 是什么？
如果您需要相关服务，可以找天津天迅达科技有限公司，我们的业务有Web开发、iOS APP、Android APP、微信开发、HTML5开发等，天迅达——您身边的App个性化定制专家！
这个新的特性可以被看作是一个“变量”。取代原来的风格，并作为设计标签，相当于一个新的设计标签。
如何通过 Figma来增加并设置变量？
①增加项目可以在创建的库文件中看到。“数字”、“颜色”、“字符”、“波纹”这四种属性可以添加到清单中。
②增加和数字有关的属性，比如圆角、空隙等等，也可以用【编号】来添加。在设定变量的时候，就可以选择所用的情景，来进行数值的区别。
例如：您可以只选择“Conner radius”作为该数值集合的显示区域，来设置 Capture Conner。因此，对于圆角的设定，只有在设定了圆角后才能看到，设定的值如间距，边距等也是同样的道理。

③在增加了所有变量之后，需要对 Libraries进行版本升级。然后，在其它的设计文档里，开启“库”按钮，然后，你就可以使用“变量”了。

我们使用变量的方式有5个：
1.选择圆形
在设计文件右侧编辑面板中的圆角选项中，点击六边形 icon，就可以选择一个具有圆角大小的 Variables。当选定之后，圆角的数值会变成灰色，表示数据已绑定了 Variables。

2.空格选择
间隔可以通过点击右边的自动滑行面板，点击边上的六角形字体，点击下拉菜单里的应用变量来选择间隔的大小。

3. 色板选择
这一次的色彩变化和之前的使用没有什么区别，只是色彩图标从圆形变成了正方形。如果您选择的是可变色的颜色，则会变为灰色，这表明您的绑定成功。。

4. 布局方式
至于那些在版面设计上，会受到版面设计影响（一般都是合成版面，或是版面设计更宽大）的版面设计，则可以在“自动折行”之后，版面设计上的版面设计，可以根据版面设计，让版面按照版面设计，而不会出现版面设计上的空白。

5. 模式选择
如果你还有其它的情景模式需要（例如亮暗模式等等），那就多加一栏或者更多栏。
当你将所有的元素都绑定到了 Variables上后，在“Layer”的控制面板上，就会出现一个“六变”按钮，你可以在其中选择一个，然后在不同的设计风格和模式之间进行切换。
模式切换只需按一下按钮，就能直接更改整页的效果，但是只适用于那些已与变量绑定的页面上的元素或元件：

二、已建好的 Figma 组件库是否需要跟着更新？
许多学生在构建 Figma的组件库时，都会用样式清单的方式来选择颜色和字体。我以前还谈到了几个有助于设计人员管理和运用组件风格的插件。
而这一次， Figma增加了一个变量，这个变量几乎可以取代大部分的第三方插件，而且操作起来也更加流畅。
我个人非常赞成你们对 Figma的组件库进行一次升级，不管是建立的还是建立的。在新的变量函数中，所有的特性被分类并输入，并且被一一地绑定到组件特性上。
这样做的好处是：
这样才能更好地了解 Figma的后续功能，而对于 Figma来说，这也是一个很好的选择，因为 Figma的功能会随着时间的推移而不断地升级，无论是在性价比还是在品质上，都会有很大的提升。
如果您想要改变“黑暗模式”，或者想要改变多语言、多颜色的网页，您可以在两种模式之间进行转换，不需要安装任何插件。
在特定的商业情况下，商业设计师可以对已有的构件进行更多的设计风格更改，从而使得操作变得更简单，更可控，更有序。
标签：天迅达科技 天津APP开发 天津网站建设 网站建设

总结：

天津天迅达科技有限公司从业多年，积累丰富项目经验，能帮助您做出您想要的产品。

以上所有设计图和部分文字均来自网络，如有侵权，请call我删除，感谢~

天津天迅达科技有限公司经过多年来对APP、小程序、以及网站建设的探索，已经帮助每一个客户快速开发出属于自己的APP、小程序、网站，是万千企业之选。

标签：天迅达科技 天津APP开发 天津网站建设 网站建设