浏览器设置

在开始使用 Figma 之前,你需要在浏览器上进行一些设置。

首先,你需要确保在浏览器上安装并启用了 WebGL,你可以点击此处查看:http://webglreport.com/

我们还建议你执行以下操作,以确保你使用 Figma 时获得最佳体验:

  1. 确认已安装并启用了 WebGL(参见上文)。
  2. 将浏览器缩放设置为 100%。
  3. 确保你拥有最新的浏览器版本
  4. 禁用左/右滑动手势(仅限macOS)。
  5. 安装 Figma Font Helper 以使用本地字体(下载 Font Helper)。

点击你的浏览器获取更多详细说明:

Google Chrome

  1. 打开 Chrome 并转到 Chrome 设置页面

    macOS:打开菜单栏中的 Chrome > 偏好设置,或使用 Command + , 快捷键。

    Windows:打开文件 > 首选项或单击右上角的垂直省略号,然后选择设置。

  2. 在“外观”部分中,确保将“页面缩放”设置为 100%,这将确保你的文件以更高的分辨率准确显示。

  3. 向下滚动并单击“Advanced”链接以展开设置:

  4. 确保启用时使用硬件加速

  5. 如果当前未启用 WebGL,你可以在浏览器中访问 Chrome Flags 设置:chrome://flags/ 更新 Override 软件渲染列表以启用。这应该在列表的顶部附近:

  6. 或者,你可以搜索与 WebGL 相关的选项并将其更新为“Enabled”。

Mozilla Firefox

  1. 打开 Firefox 并打开右上角的菜单。
  2. 这将允许你查看当前的缩放级别。
  3. 然后你可以使用 - 和 + 图标来降低/增加缩放级别:

Safari

  1. 在 Safari 中打开 Figma。
  2. 前往主菜单中的 Safari > 偏好设置。
  3. 转到网站选项卡,然后单击页面缩放。
  4. 在当前打开的网站部分,确保 Figma 设置为100%:

Microsoft Edge

Microsoft Edge 不支持默认缩放级别,而是会记住你上次使用的缩放级别。 你可以从更多设置中更新缩放级别。

macOS

如果你在 macOS 上使用触控板,则可能希望禁用左/右滑动手势。 当你在画布中向左和向右滚动时,这将防止你不小心意外关闭 Figma 文件。

  1. 打开“系统设置”并转到“触控板”设置:

  2. 进入更多手势选项卡:

  3. 禁用在页面间滑动选项

安装 Font Helper

如果你要在浏览器中使用 Figma 并想要访问本地保存的字体,则需要安装 Figma Font Helper。安装后,你将能够从字体库中访问本地字体。 如果你使用的是 Figma 桌面客户端,则无需安装。

有关更多信息,请查看使用本地字体