Figma 中查看间距值的详尽指南356

Figma 是一款功能强大的设计软件，允许设计师创建和协作交互式原型和界面。其中一项最重要的功能是能够精确测量和调整元素之间的间距。本文将提供分步指南，说明如何在 Figma 中轻松查看间距值。

第 1 步：选择元素

要查看元素之间的间距，首先需要选择它们。单击并拖动以创建周围选框或按住 Shift 并单击以逐个选择多个元素。

第 2 步：打开“检查器”面板

选择元素后，单击位于右侧边栏中的“检查器”面板。这将显示有关所选元素的各种属性，包括间距。

第 3 步：查看间距值

在“检查器”面板中，“布局”部分显示所选元素的间距值。以下是如何解释每个值：* 间距顶部：元素顶部与上一个元素之间的垂直间距。
* 间距底部：元素底部与下一个元素之间的垂直间距。
* 间距左：元素左侧与左侧元素之间的水平间距。
* 间距右：元素右侧与右侧元素之间的水平间距。

这些值以像素为单位显示。您还可以使用“单位”下拉菜单将其转换为其他单位，如百分比或 em。

第 4 步：调整间距值

如果您希望调整元素之间的间距，只需在“检查器”面板中输入新的值或使用向上/向下箭头进行微调。更改将立即反映在画布上。

键盘快捷键

对于更快的间距调整，您可以使用以下键盘快捷键：* 增大间距：Option + 上箭头 (Mac) / Alt + 上箭头 (Windows)
* 减小间距：Option + 下箭头 (Mac) / Alt + 下箭头 (Windows)
* 重置间距：Option + Shift + 上箭头 (Mac) / Alt + Shift + 上箭头 (Windows)

通过遵循这些步骤，您可以在 Figma 中轻松查看和调整元素之间的间距。这种精确控制对于创建具有良好对齐且视觉上令人愉悦的用户界面的至关重要。运用这些技巧，您可以提升您的设计并轻松实现所需的间距。

2025-02-08

上一篇：FiGMA 设计稿标注的详细指南

下一篇：Figma 素体：全面指南