Figma自动布局等距技巧：Gap与Distribution属性详解

在Figma中配置自动布局以实现等分间距时，即使设置了参数，子元素间的空隙也可能出现不均匀的情况。这通常源于几项关键配置的冲突，而非软件缺陷。核心问题往往集中在间距模式、分布属性、内边距设置、嵌套结构或子项尺寸约束上。以下将系统性地排查并解决这些问题。

一、启用Auto间距模式

自动布局中的“间距”（Spacing）属性默认采用固定像素值。要实现动态等分，必须将其切换至Auto模式。此模式下，容器尺寸变化时，剩余空间会被自动均分到各间隙中，从而维持视觉上的均匀分布。

操作流程：选中目标自动布局容器，在右侧属性面板定位“Spacing”字段。点击下拉菜单，将数值选项更改为Auto。调整后，尝试拖拽容器边缘以测试响应；若子项间隙能同步均匀伸缩，则表明设置生效。

二、检查并设置Distribution属性

“Distribution”（分布）属性决定了子元素在主轴上的整体排列规则。若此项设置为“Space between”或“Space around”，它会直接覆盖Auto间距的均分逻辑。为确保Auto间距正常工作，必须将Distribution属性设置为Packed。

确认容器已设定正确方向（水平或垂直），随后在属性面板中找到“Distribution”选项。从下拉菜单中选择Packed。同时，检查所有子图层是否沿主轴对齐，排除任何手动拖拽造成的偏移，此类偏移会干扰分布计算。

三、移除干扰性内边距与嵌套布局

容器的内边距（Padding）会占用独立空间，不参与子项间隙的计算。嵌套的自动布局结构是另一个常见障碍：若某个子项本身是一个Frame，父容器的Auto间距计算将在此中断。

选中容器，将所有方向的“Padding”值重置为0。若需弹性留白，可统一设置为Auto。接着，逐一检查子项，确保它们均为基础图层（如文本、形状），而非嵌套的Frame。若存在嵌套，需解除内部Frame的自动布局，或将其替换为简单图层。

四、验证子项尺寸约束一致性

子图层自身的尺寸约束是导致等分失效的关键因素。若某个子项设置了固定宽高（例如Width: 120px），它将成为一个刚性元素，Auto间距无法在空间重分配时调整其尺寸，从而导致布局不均。

需确保所有子项在主轴方向上具备弹性。依次选中每个子图层，在尺寸设置区域，将宽度或高度的固定值清除，改为点击Hug contents图标（内含文字的方框）。若希望某个子项填充剩余空间，则点击对应方向的Fill container按钮。核心原则是：避免为任何子项设置绝对尺寸。

五、使用Smart Selection预校准初始排列

有时问题源于初始状态。如果子项初始位置散乱、间距无规律，Figma的Auto间距可能因缺乏清晰的基准而无法启动均分算法。

此时可借助Smart Selection功能建立初始对齐。按住Shift键框选所有需布局的子图层，点击右下角出现的蓝色圆形按钮以激活智能选择。随后，拖动出现的行或列间虚线，将子项粗略排列为间距大致相等的网格。最后，将这些初步对齐的子项全选并拖入新建的Frame，再对该Frame启用自动布局，并重新执行前述一至四步的检查。此方法为自动布局提供了正确的计算起点。