湖南龙网

  1. 首页 > 生活百科 > >

Fimga更新后自动布局有哪些改进？有哪些作用？

生活百科Fimga

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

Fimga更新后自动布局有哪些改进？有哪些作用？

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

    推荐阅读


    上一篇：UI设计如何提高转化率？有哪些技巧？

    下一篇：中国风的设计风格有哪些？分别有什么特点？