Figma最新发布了Variables功能的更新,用户可以利用Variables对更多设计属性进行动态绑定,这将大大提高设计的灵活性。主要新增了以下可绑定对象:
单个角Radius
过去Variables只能同时控制一个对象的四个角的Radius,这对于需要不同角Radius的场景支持不够。新版本允许单独绑定每个角,满足更细致的设计需求。
Effects
可将Variables绑定到对象的Effects上,如阴影、发光等效果。这使得快速切换不同Effects成为可能。
图层透明度
可控制图层的透明度。结合不同Modes,可以在不同场景中调整层的透明效果。
Layout Grid
可绑定网格布局的各属性,如列数、间距等。适用于需要快速在不同布局之间切换的场景。
嵌套实例Nested Instances
实例内也可以嵌套使用Variables,提高了组件的灵活性。
Stroke Weight
可控制线条粗细。
此更新大大提升了Figma Variables的灵活能力,设计师可以更加便捷地对属性进行动态控制。
Variables与Styles的区别在于,Styles更注重存储一整套属性;而Variables提供了对单个原子属性的控制。两者搭配使用,可以实现更强大的设计系统。
随着Variables绑定对象的不断增多,它们与代码变量的相似性也越发明显。使用正确的Variables命名方式,设计师无需掌握编码知识就可以构建易维护、灵活的设计系统。这将大幅减少重复工作,使迭代和协作更为顺畅。
