Figma的这次更新,重新设计了整个自动布局菜单,功能变得更加强大,尤其是当你可以将自动布局与约束(在自动布局框架中称为调整大小)结合在一起时,可以实现无穷无尽的可能性。那么Fimga更新后自动布局有哪些改进?有哪些作用?下面我们一起来了解一下。

更个性化的Padding调节
可以全部或全部调整Padding值,也可以分别调整左,右,顶部和底部的Padding间距。
对齐与均分
与先前版本一样,对象可以水平或垂直对齐。但是,Figma推出了一个非常不错的附加功能,您现在还可以使用新的对齐工具在框架内对齐自动布局框架的子项。
在单独设置Padding选项的下方,您可以找到分布(Distribution)选项。这很方便,而且通过这种形式,你可以设置很多复杂的参数。基本上,分布使您可以选择如何在自动布局框架内对齐子对象。
全新的缩放菜单
当父框架或内容更改大小时,调整内部对象。通过下面3个选项,您可以将它们的高度和宽度相互混合和匹配!
新的嵌套调整选项
自适应和内容自适应。它的优点是,您可以匹配所有内容以创建强大的响应元素。如前所述,自动布局和约束并没有真正发挥作用。现在,您可以应用响应行为,并在更改内容时保留所有间距设置。这是对个人工作流程的最大帮助。
保证所有子元素高度一致
如果您在一个容器中有更多内容,但又希望所有容器都具有相同的高度,则只需将所有子容器设置为以高度填充容器,并将父自动布局框架设置为高度拥抱(Hug hight)。非常方便!这在CSS中很难做到,但是在Figma中却异常轻松!
这基本上就是它的工作方式:如果一个容器中有更多内容,它将增加父容器的高度,而其他所有容器都会随之增加。在之前,我们需要手动调整容器大小。
以上就是关于Fimga更新后的自动布局新增加的功能,为我们的设计带来了更多的便利。