Figma Config 2023 新功能总结梳理 | 带你快速了解更新内...

4大新功能研究完了。我来解读一下 欢迎大家查漏补缺。

先说变量：其实就是你在建立项目开始搭建设计系统时就需要提前录入颜色变量、8像素原则变量值（间距）、交互变量值、元素长高最大值和最小值（这个功能做网页非常有用，可设计真正意义上自适应网页了。可我做游戏UI的感觉对我用处不大）。这个功能方便协同工作人员对项目的管理，形成更加严格的设计规范。再也不用担心其他设计师和你的设计规范不一样了[大哭]，我的设计系统基于apple ios设计文档建立的规范非常完整，但是其他设计师…唉..一言难尽 可以说很多设计师都不知道设计系统的规范是个什么

自动布局：就是结合你提前设置的变量来选择组件的内间距和元素的圆角。以前我们都是手动输入间距，现在是在你的变量里面选择间距！但也可以手动输入。然后整个组件可以选择长高最小值和最大值的变量。反正都是围绕着变量来更新的，自动布局增加了一个新排列方式，它可以根据组件长高选择的变量来做到真正意义上的“自适应布局”，这个功能非常nice！

交互原型：如果你接触过Principle或protopie再或者你懂一点代码逻辑思维很强，你应该对这个功能非常容易上手。这个功能还是围绕在变量来的，你还是需要在变量里面设置一个值，这个值你可以赋予到任何元素上，然后你再通过其它元素的交互来改变这个值从而改变赋予值的元素状态或者变大变小。不知道这样说你们能不能懂[笑哭]，总之现在的交互原型加了判断可以做很多以前做不到的事情，非常强大！

开发者模式：方便前端，而且vs也有figma插件。可以非常轻松的导出代码到vs里面。代码也有ios、安卓、web，对于软件开发很友善了。