参考线 #

要使用参考线,首先需要在画布上启用标尺。 你可以使用 Shift + R 键盘快捷键,或单击编辑器左上角的菜单图标并搜索 “Rulers”。

添加参考线: #

拖动水平和垂直标尺以将参考线拉到画布上。

Figma 具有画布和框架两个级别的参考线,用于定位和对齐对象。

虚线表示参考线与画布上的框架相交。

查看距离: #

选择最外层的框架后,在拖出参考线时按住 Option(Mac)或 Alt(Windows)。 你将看到参考线和框架之间的距离(以像素为单位),这个距离也会显示在标尺上。当参考线与框架相交时,它将开始测量参考线与框架中元素间的距离。

此外,选择框架后,标尺会以蓝色突出显示所在区域,从而直观的看到框架的坐标。

框架内的参考线被识别为框架中的另一个对象。 这意味着你可以查看参考线本身与框架中其他元素以及父框架之间的距离。

删除参考线: #

除了单击并将参考线拖回标尺之外,你还可以:

  1. 将鼠标悬停在参考线上以显示双向箭头
  2. 单击(参考线将变为蓝色)
  3. 使用键盘上的删除键删除参考线

查看官方关于 参考线 (opens new window) 的博客。