Figma Mirror #

你可以在移动设备上预览设计,以便查看在真实设备上的问题。

预览设计 #

在预览设计时有两种方法:

  • 在移动端浏览器中打开 Figma URL。
  • 使用 Figma Mirror 预览设计。

移动端浏览器 #

你可以通过在移动浏览器中打开原型设置链接来预览手机上的任何设计。

如果你通过公共链接访问共享文件,任何拥有该链接的人都可以查看你的原型。如果未通过公共链接访问共享文件,则需要注册 Figma 帐户查看文件。

我们将在浏览器窗口中显示你的设计,因此浏览器本身的控件仍然可见,因此更适合预览移动端网页设计。

Figma Mirror #

你可以使用 Figma Mirror 它允许你预览设计的缩放版本。

注意

Figma Mirror 会按比例缩放你的内容,以匹配你设备的屏幕宽度。

你可以从 Figma 下载页 (opens new window) 下载适用于 Android 和 iOS的 Figma Mirror。 或者从 App Store 或 Google Play 商店下载。

你需要拥有一个 Figma 帐户才能使用 Figma Mirror。

注意

要使用 Figma Mirror,你需要使用符合我们系统要求的设备。 详细了解我们支持的浏览器和系统:支持的平台和浏览器

使用 Figma Mirror #

要使用 Figma Mirror 应用程序,你需要同时登录 Figma Web 或客户端以及 Figma Mirror。

然后,Figma 将在 Figma Mirror 中显示你在 Web 或客户端中选择的任何框架。

Figma Mirror 使用 Wi-Fi 或蜂窝数据,你无需连接到同一 Wi-Fi 网络。

  1. 登录客户端或桌面浏览器:

  2. 使用相同的帐户登录 Figma Mirror:

  3. 在选择你要查看的框架,你可以选择任何顶级框架或组件

  4. Figma Mirror 应用程序将显示所选的框架。

Figma Mirror 会将你的内容缩放到你正在预览的设备的宽度。

在浏览器中使用 Figma Mirror #

你还可以通过浏览器访问 Figma Mirror,如果你的设备不被支持,或者你想在 Web 浏览器中预览设计,我们建议你使用此方法。

  1. 打开 Figma Desktop 应用程序,或在浏览器窗口中打开 Figma。
  2. 打开要预览的文件。
  3. 在你的设备上打开移动浏览器。
  4. 访问 https://www.figma.com/mirror (opens new window)
  5. 使用你的帐户详细信息登录
  6. 在文件上,选择你要预览的框架。
  7. 我们将在 Figma Mirror 浏览器中显示所选的框架。

提示

你可以使用 macOS 上的 Command + Shift + F 快捷键进入全屏模式。

原型 #

你可以使用 Figma Mirror 预览静态设计或原型设计。

首先,你需要添加原型连接到你的设计中,表示你希望在与其进行交互时该如何响应。

如果你对原型设计不太熟练,你可以阅读以下文章:

预览原型 #

  1. 用相同的登录信息登录 Fi​​gma 和 Figma Mirror。

  2. 在桌面上,打开要预览的文件。

  3. 选择原型的起始框架:

  4. Figma 将在 Figma Mirror中加载相同的框架:

  5. 然后,你可以使用原型连接与该文件中的任何框架进行交互。

遇到问题 #

如果你在使用Figma Mirror应用程序时遇到问题,我们建议你执行以下操作:

  • 确保你使用的是支持的设备。在 支持的平台和浏览器 中了解更多信息。
  • 确保你已在同一帐户下登录 Figma 和 Figma Mirror 应用程序。你可能需要退出并再次登录才能确认。
  • 如果你在预览时遇到问题,可能需要强制退出应用并在设备上重新启动它。
  • 如果问题仍然存在,我们建议你卸载该应用并再次下载。

如果你在使用 Mirror App 时仍遇到问题,请与 Figma 支持团队联系。

点击应用程序右下角的 ”?”,或发送电子邮件至 support@figma.com。