作者:苗淑香哈哈_405_408 | 来源:互联网 | 2023-06-11 13:09
Figma自动布局是个非常好用的功能,但是它提供的调整属性只能设定统一的上下边距、左右边距、元素间边距。很显然直接使用这些参数来调整设计稿所能应用的范围是非常有限的。
Figma自动布局是个非常好用的功能,但是它提供的调整属性只能设定统一的上下边距、左右边距、元素间边距。很显然直接使用这些参数来调整设计稿所能应用的范围是非常有限的。官方文档和例子中所演示的都是非常简单的情况,比如它所演示的弹窗,三行元素间的间距相等,这在现实的使用时适用性太差,估计也就能用在列表上。

如果我们想在一个弹窗的设计中使用自动布局怎么办?如下图中不同元素之间的距离不同,我们需要一些替代性的操作。

我们使用完全透明的矩形放到自动布局组中即可实现需要的效果,而且不会影响开发视角。当需要调整两个元素间的距离时,调整该矩形高度即可。

有更好的方法或者问题请在评论区留言。本文章同步发表于站酷Figma Auto Layout(自动布局)内部元素单独自定义间距