Figma 中调整标尺的全面指南

教程 2024-11-29 13:56:31 41

Figma 是一款基于浏览器的协作式设计工具,已成为 UI/UX 设计师的热门选择。了解如何调整标尺对于准确测量和定位设计元素至关重要。

1. 访问标尺

要访问标尺,请单击 Figma 窗口底部的标尺图标。它位于画布的左边缘和顶部边缘。

2. 缩放标尺

若要缩放标尺:

使用鼠标滚轮
按住 Ctrl(Windows)或 Cmd(Mac)并使用鼠标滚轮
在标尺上单击并拖动以放大或缩小

3. 调整标尺单位

Figma 支持多种标尺单位,包括像素、百分比和点。要调整标尺单位:

单击标尺最左端或最右端的单位下拉菜单
从可用选项中选择所需的单位

4. 更改标尺网格

标尺网格定义了标尺上显示的网格线间距。要更改标尺网格:

右键单击标尺
从菜单中选择“网格设置”
调整“网格间距”和“次网格间距”设置

5. 隐藏标尺

若要隐藏标尺,请单击标尺图标并选择“隐藏标尺”。要重新显示标尺,请再次单击图标。

6. 使用键盘快捷键

Figma 提供了许多键盘快捷键来操作标尺:

Ctrl(Windows)或 Cmd(Mac)+ 鼠标滚轮:缩放标尺
Ctrl(Windows)或 Cmd(Mac)+ 0:重置标尺缩放
Ctrl(Windows)或 Cmd(Mac)+ Shift + 鼠标滚轮:更改标尺单位
Ctrl(Windows)或 Cmd(Mac)+ Shift + J:打开网格设置

7. 高级技巧
捕捉标尺:按住 Alt(Windows)或 Option(Mac)键以捕捉到标尺上的网格线或对象。
微调标尺:按住 Shift 键并在标尺上单击并拖动以进行微调。
自定义标尺:Figma 允许您创建自定义标尺,其中包含自己的一组网格线。在“文件”菜单中选择“导出”>“标尺”。

通过遵循这些步骤,您可以轻松调整 Figma 中的标尺,以满足您的设计需求。调整标尺对于确保准确性和效率至关重要,它可以帮助您创建专业且一致的设计。