视图设置 #

您可以在 视图设置(View Settings) 菜单中自定义编辑器的视图设置。你可以通过单击编辑器右上角的“缩放”下拉列表来找到它:

在这里,您可以更改全局的视图设置,例如查看布局网格、像素网格或多人游标。您也可以在此处更改缩放设置。

你可以关闭或打开此列表中的每个选项,如果设置旁边有对勾,则表示当前已启用,如果没有对勾,则表示当前已禁用。

然后,您可以从菜单中单击该设置以启用它。

在本文中,我们将更详细地介绍以下设置:

  1. 缩放设置
  2. 像素预览
  3. 像素网格
  4. 布局网格
  5. 多人游标

缩放设置 #

首次打开文件时,默认的缩放级别将设置为 缩放至适合(Zoom to Fit)

您可能希望将其设置为特定百分比,或“放大”或“缩小”画布。您对缩放设置所做的任何更改仅适用于当前文件。

您可以使用多种缩放设置:

  • 您可以使用提供的字段输入特定的缩放百分比。

  • 使用“放大”和“缩小”选项以固定的增量调整“缩放”级别,或者使用键盘快捷键:放大+ 缩小 -

  • 您可以使用 Zoom to Fit (Shift + 1) 使画布的工作区域适合屏幕。

    提示

    您还可以使用 Shift + 2 缩放到适合已选择的对象

  • 您还可以缩放到特定百分比。这将以虚拟/实际像素大小的百分比显示画布。

    a. 缩放至 50%

    b. 缩放至 100%

    c. 缩放至 200%

提示

如果打开链接到特定框架的 Figma URL,则会缩放画布以适合该框架。

您还可以使用触控板或鼠标在画布上放大和缩小:

  • 触控板(MacOS & Windows):

    • 两根手指捏合以缩小
    • 两根手指张开以放大
  • 鼠标

    • Windows:向上滚动鼠标滚轮(放大)或向下滚动(缩小)。
    • Apple Magic Mouse :用一根手指双击即可放大和缩小网页或 PDF。

像素预览(Pixel Preview) #

默认情况下,Figma 中矢量形状的显示与分辨率无关,这意味着您在画布中创建的路径没有固定的分辨率。

需要进行像精确的像素编辑,您可以启用像素预览。这允许您以栅格化显示预览矢量对象。

你可以选择以 1x 或 2x 进行像素预览,这允许您预览对象在低分辨率和高分辨率显示器上的显示方式。

  1. 打开“视图设置”菜单。

  2. 单击 Pixel Preview 选项以启用:

  3. 菜单中的设置旁边会出现一个勾号,同时将在画布中收到通知:

  4. 您现在可以在“属性”面板中调整 Pixel Preview。单击画布中的空白区域以取消选择任何对象。

  5. 使用下拉列表在 1x 和 2x 之间切换:

  6. 返回“视图设置”菜单,再次单击 Pixel Preview 以禁用。

提示

你还可以使用键盘快捷键来关闭和打开像素预览:

  • macOS:Control + P
  • Windows:Control + Alt + P

像素网格 #

为了在放置和对齐对象时获得更高的准确性,您可以启用像素网格。

当以 1x 分辨率导出时,像素网格中的每个方块表示单个像素。

  1. 单击 视图设置 菜单:
  2. 选择 Pixel Grid 来打开它:
  3. 如果 Pixel Grid 旁边已经有对勾,您可以再次单击它以将其关闭。
  4. 您还可以使用键盘快捷键关闭和打开像素网格:
    • MacOS:⌘ + '
    • Windows:Ctrl + '

吸附到像素网格(Snap to Pixel Grid) #

像素网格本身仅在 400% 或更高的缩放级别可见,如果要在缩小时使用像素网格,需要开启 吸附到像素网格(Snap to Pixel Grid)

启用此功能后,我们会在放置或移动对象时将对象与基础网格对齐,这有助于防止导出元素时出现像素不对齐的情况。

  1. 单击 视图设置 菜单。
  2. 选择 Snap to Pixel Grid 以打开此选项。
  3. 如果 Snap to Pixel Grid 旁边已经有对勾,可以再次单击它以将其关闭。
  4. 您还可以使用键盘快捷键关闭和打开像素网格:
    • MacOS:⌘ + '
    • Windows:Ctrl + '

提示

使用缩放工具时,仍可以将对象吸附到像素网格。

像素网格的局限性 #

浏览器和硬件都会确定显示屏上 1 个像素对应的内容。

由于您可以在大多数操作系统和浏览器上使用 Figma 而且使用的可能是不同的硬件,所以“1 像素”并不总是一样的。

因此,Figma 中的任何像素都是“虚拟像素”。如果您希望以更加独立于分辨率的方式工作,我们建议使用布局网格来控制对象的放置和对齐。

布局网格 一文中了解有关创建和使用布局网格的更多信息。

布局网格 (Layout Grids) #

您可以在“视图设置”菜单中切换文件中所有布局网格的可见性。

  1. 单击 视图设置 菜单:
  2. 选择 Layout Grids 以显示布局网格:
  3. 如果 Layout Grids 旁边已经有对勾,可以再次单击它以将其关闭。
  4. 您也可以使用键盘快捷键 Shift + G 切换布局网格的可见性。

布局网格 一文中了解有关创建和使用布局网格的更多信息。

多人游标(Multiplayer Cursors) #

如果您与文件中的其他团队成员合作,您将能够通过多人游标查看他们的操作。 您的团队成员的名称和光标将显示在画布上的位置旁边。

如果您不想被其他团队成员的行为分心,您可以隐藏他们的游标:

  1. 单击 视图设置 菜单:
  2. 选择 Multiplayer Cursors 以显示多人游标:
  3. 如果 Multiplayer Cursors 旁边已经有对勾,可以再次单击它以将其关闭。
  4. 您也可以使用键盘快捷键 Option + Command + \ 切换多人游标的可见性。