本文介绍了如何在 Figma 的自动布局中实现元素间的独立间距。通过使用透明矩形作为间隔，可以灵活调整不同元素之间的距离，以满足复杂设计需求，尤其是在弹窗等场景下。这种方法不会影响开发视图，且方便调整。欢迎大家在评论区分享更多技巧或提出疑问。
Figma自动布局是个非常好用的功能，但是它提供的调整属性只能设定统一的上下边距、左右边距、元素间边距。很显然直接使用这些参数来调整设计稿所能应用的范围是非常有限的。官方文档和例子中所演示的都是非常简单的情况，比如它所演示的弹窗，三行元素间的间距相等，这在现实的使用时适用性太差，估计也就能用在列表上。
如果我们想在一个弹窗的设计中使用自动布局怎么办？如下图中不同元素之间的距离不同，我们需要一些替代性的操作。
我们使用完全透明的矩形放到自动布局组中即可实现需要的效果，而且不会影响开发视角。当需要调整两个元素间的距离时，调整该矩形高度即可。
有更好的方法或者问题请在评论区留言。本文章同步发表于站酷Figma Auto Layout（自动布局）内部元素单独自定义间距
您可能感兴趣的与本文相关的镜像
Stable-Diffusion-3.5
Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型，相比 3.0 版本，它提升了图像质量、运行速度和硬件效率
1391
1308
983
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
扫一扫
