Figma config 2024丨Auto Layout 自动布局6大更新

在刚刚结束的Figma Config 2024大会上，Figma团队介绍了对Auto Layout功能的多项改进，提升设计师使用自适应布局的效率和体验。主要更新包括:

1. 按住Ctrl键可忽略Auto Layout，绝对定位元素
   在已应用Auto Layout的画板中，如果想要绝对定位新拖入的元素，而不是让其自动纳入自适应布局，现在只需在拖动时按住Ctrl键即可。这样可以更灵活地控制个别元素的位置。

2. 垂直方向堆叠的元素默认全宽填充
   对于垂直堆叠的Auto Layout，子元素现在默认会自动填充满父元素的宽度。这一改进避免了设计师需要手工调整每个子元素的宽度设置，提高了布局效率。

3. 在Auto Layout两端自动添加间距
   当Auto Layout中的子元素在水平方向上铺开时，Figma现在会自动在最左侧和最右侧元素的外侧添加间距，让布局更加舒适自然，减少设计师手动调整间距的工作量。

4. 可快速调整元素尺寸至Fill宽度
   选中Auto Layout中的某个元素后，只需拖动其宽度调整手柄，就可快速将其填充至与父元素同宽，无需手工设置具体的宽度数值。

5. 重新排序元素的操作更加直观
   在Auto Layout中对子元素进行重新排序时，无论是通过拖拽还是在右键菜单中选择，整个操作过程都变得更加流畅直观。设计师可以轻松调整布局内的元素顺序，并实时看到视觉反馈。

6. 一键移除所有Auto Layout约束
   当你需要打破原有的Auto Layout结构，从头开始探索新的布局方式时，现在提供了一个非常有用的"Remove all auto layout"选项。只需在右键菜单中点击它，即可快速移除所有约束，获得充分自由。

Figma在这次更新中从实际使用场景出发，针对性地优化了Auto Layout的多个功能细节。这些改进让设计师能够以更简洁、高效的方式应用自适应布局，无论是新建Auto Layout还是在现有布局中添加、调整元素都更加便捷！