Figma Auto Layout垂直间距设置后实际间距变大怎么办？

这个问题我遇到过，主要是Auto Layout的间距计算机制有点特殊。它会同时考虑子元素之间的间距设置和元素自身的外边距，这两者会叠加。

解决办法很简单，检查一下子元素是不是自带了外边距。在Figma里选中子元素，看看右侧的Inspector面板，如果margin值不是0，把它重置为0就行。Auto Layout本身已经帮你处理好了间距，不需要额外的外边距。

还有个容易忽略的点是，如果你用了多个嵌套的Auto Layout，父级和子级都设置了间距，那这些值也会相加。所以建议从最外层开始逐层检查间距设置。

说白了就是别让间距重复计算，跟JS里面变量重复赋值一个道理，清理掉多余的就正常了。

这个问题我之前也碰到过，确实是Auto Layout的一个小坑。Figma的Auto Layout在设置垂直间距时，如果子元素之间本身有间距（比如margin），它会叠加计算。

你现在的实际间距变成40px，很可能是因为子元素本身的margin是20px，再加上Auto Layout设置的20px，就变成了40px。解决方法很简单：

1. 选中所有子元素，把它们的Top和Bottom margin都设为0。
2. 然后在Auto Layout里重新设置垂直间距为20px。

这样就不会有额外的间距叠加了。记得检查一下是不是有些子元素继承了默认的样式，有时候第三方插件也会带入一些奇怪的margin值。希望这个方法能帮到你！