如何轻松查看 Figma 中的间距296

间距在设计中至关重要，因为它有助于创建平衡和可读性的布局。Figma 提供了多种查看和调整间距的方法，本文将一一介绍这些方法。

查看元素之间的间距

要查看元素之间的间距，可以执行以下步骤：1.

选择要查看间距的元素。2.

在右侧检查器面板中，找到“间距”部分。3.

您将在“间距”部分中看到以下子部分：
上：元素顶部与上方元素之间的垂直间距。
右：元素右侧与右侧元素之间的水平间距。
下：元素底部与下方元素之间的垂直间距。
左：元素左侧与左侧元素之间的水平间距。

查看元素周围的间距

除了查看元素之间的间距外，您还可以查看元素周围的间距。这样做可以确保元素与周围环境正确对齐。1.

选择要查看间距的元素。2.

在右侧检查器面板中，找到“约束”部分。3.

在“约束”部分中，您将看到以下子部分：
上：元素距离其上方容器的垂直距离。
右：元素距离其右侧容器的水平距离。
下：元素距离其下方容器的垂直距离。
左：元素距离其左侧容器的水平距离。

调整间距

查看 Figma 中的间距后，您可以使用以下方法进行调整：1.

通过拖动： 选择元素后，可以在其边缘上拖动鼠标来调整间距。2.

通过键盘： 选择元素后，可以使用键盘上的箭头键或数字键来微调间距。3.

通过检查器面板： 在“间距”或“约束”部分中，您可以手动输入间距值。

使用间距工具

Figma 还提供了一个专用的间距工具，使其更容易查看和调整间距。要使用间距工具，请执行以下步骤：1.

选择要查看或调整间距的元素。2.

在右侧检查器面板中，找到“间距”部分。3.

单击“间距”部分中的“间距工具”图标。4.

间距工具将显示元素周围的间距，并允许您轻松地对其进行调整。

Figma 提供了多种查看和调整间距的方法。通过了解这些方法，您可以创建平衡且可读性的布局。使用 Figma 的间距工具可以进一步简化此过程，使您可以快速轻松地进行微调。

2024-12-21

上一篇：如何巧妙移动 Figma 中的组件

下一篇：Figma 中轻松替换背景：分步指南