视图设置 #

您可以在 视图设置（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 + \ 切换多人游标的可见性。

像素预览