自动布局是每个设计师和 Figma 用户的必备工具。 您可以使用此功能进行更改，例如 B. 调整框架和对象的大小或重新定位。 自动布局允许您调整元素的高度和重量，例如，使用自动布局可以将您的工作量减少一半。
由于屏幕尺寸因设备或设备而异 Browser 随着用户访问网站的方式发生变化，框架内元素的自动布局会适应这些变化。 其结果是，布局和结构显得更加精确和协调。 继续阅读以了解如何在 Figma 中使用自动布局及其功能。
使用自动布局
为了使用自动布局及其所有功能，您必须首先将其添加到您正在处理的框架中。 这可以是新框架或包含内容、对象和组件的框架。 选择框架或对象后，您可以为其添加自动布局，如下所示：
- 按键盘上的“Alt + A”（适用于 Mac 和 Windows）。
- 右键单击对象或组件，然后单击自动布局（您必须将此功能添加到每个组件，因为它无法批量完成）。
- 从 Figma 的菜单中，点击“自动布局”选项旁边的加号图标。
除了向框架添加自动布局之外，您还可以执行各种操作，从堆叠框架到复制、排列和删除对象。
添加和删除对象
将对象添加到框架中非常简单。 您只需抓住要添加的对象并按照指示器操作即可。 如果您想删除其中一个，请再次将其拉出并按删除键。 如果你想添加一个大于父框架的对象，你需要避免使用Figma默认值才能做到这一点。 您可以通过按住“Ctrl”键来完成此操作 Windows 和“命令” Mac。
重复的对象
如果要将两个或多个相同的对象添加到框架中，可以复制它们。 这是自动调平的一个有用功能。 您可以这样做：
- 点击您想要复制的项目。
- 如有必要，请同时按住“Ctrl”和“D”键 Windows。
- 对于 Mac，请按住“Command”和“D”键进行复制。
排列物体
如果您不喜欢框架的外观以及其中的对象和组件的排列方式，您可以重新排列它们。 如果您合并了两个图层，则必须按“ctrl”来覆盖 Figma 默认值。 Windows 和“命令” Mac 访问深度选择选项并将组件移出第一层。 但是，如果它是单个图像，您可以选择一个对象并将其移动到另一个位置，类似于添加对象，或使用箭头键。
自动布局级别
自动布局的另一个功能是将多个框架组合成一个，以创建一个更复杂的界面，您可以在其中叠加不同的自动布局层，例如按钮和按钮行、帖子和时间轴。 在每一层，您都可以将另一个对象添加到框架中。 按钮和按钮行层是水平的，而帖子是垂直层，您可以在其中键入描述、图像等。
当您将两个框架堆叠在一起时，它们会合并并获取父框架的属性。 这允许用户实现可调对象。 您可以将一个框架放在另一个框架的顶部以连接两个框架。 为此，您必须：
- 选择一个框架和您想要添加的任何内容。
- 按“Shift + A”添加自动布局框架。
自动布局功能
Figma 中的自动布局选项具有许多有价值的属性或功能，从方向和堆叠顺序到间距、调整大小和对齐。 本节更详细地讨论每个函数。
方向
顾名思义，方向是指图像中对象的顺序。 使用自动布局时，可以按如下方式放置对象：
- 垂直 – 对象放置在 y 轴上。 此选项对于列表、菜单、新闻源等很有用。
- 水平 – x 轴上的对象和组件（按钮、图标等）。
- 换行位置 – 对象设置在多列和行中。
堆叠顺序
您可以选择最适合您的框架的堆叠顺序。 这只是视觉上的变化，因为堆叠顺序保持不变（如果是 1,2,3，则保持 1,2,3，但进行了视觉调整）。 当项目彼此堆叠时，您可以选择将哪一个放在最上面。 例如，如果您有三件事标记为 1、2 和 3，您可以选择 1 或 3。 执行此操作的方法如下：
- 选择“自动布局”框架。
- 导航到屏幕右侧的“自动布局”选项。
- 点击三个水平点可打开高级选项。
- 找到画布堆叠选项。
- 选择第一个在顶部或最后一个在顶部。
绝对位置
除了堆叠顺序和方向之外，另一个“图层流”属性是绝对位置。 此功能允许您将对象放置在任何地方，而忽略框架边界。 如何激活它：
- 抓住一个物品并将其放入框架中。
- 在右侧菜单中，在“X”和“Y”值旁边，点击类似无边正方形且内部有加号的图标。
- 沿着框架线拖动对象。
间隙设定
您可以调整一些功能的间距，例如： B、距离。 您有两种更改间隙的选项：自动或输入特定间隙。 如果您希望间隙尽可能大，则需要从“自动布局”菜单中选择“自动”设置。 但是，如果您选择输入值，请将其输入到提供的空格中。
此外，间隙设置可以在所有方向上进行调整。 如果您的图标只有水平和垂直，您可以选择它们之间的水平间距。 但是，当它们处于换行位置时，您可以调整垂直和水平间距设置。
对齐设置
设置方向、偏移和间距功能后，您可以调整框架中子对象的对齐方式，因为此功能取决于间距设置。 您无法更改每个对象的方向，但可以选择“自动布局”菜单中提供的图案。 您可以单击菜单中的 3×3 网格并选择所需的方向。 这可以使用键盘上的箭头键或 WSAD 键来完成。
另外，这里可以选择自动设置来连续切换水平和垂直对齐方式。 对于某些值，所有九个选项都可供您使用（左上、左下、左、右左、右下等）。
您还可以通过激活菜单中的此选项并按住“B”键来调整文本对齐方式。
调整大小
自动布局调整大小选项具有许多附加属性，例如： B. 拥抱内容、填充容器、调整宽度和高度、尺寸等。如果您希望设置值，则可以选择“自动”选项，但这限制了您可以执行的操作。 对于调整大小，建议设置您的值。
您可以选择固定值，也可以将其设置为可能的最大或最小宽度和高度尺寸。 内容拥抱允许您根据其子框架调整框架的大小，而填充容器则根据其父框架调整对象的大小。
通过自动布局创建独特的框架
自动布局是 Figma 的基本功能之一，允许您根据自己的喜好自定义框架及其包含的对象和隔间。 它的属性和特性多种多样，可以创造出合适且精心呵护的产品。 自动布局是使用 Figma 之前必须掌握的基本工具。
您最常使用哪种自动布局功能？ 请在下面的评论部分告诉我们。
