在 FigJam 中添加链接预览 #

在开始之前,你应该知道

使用链接预览为你的 FigJam 文件添加灵感来源和有用的上下文。粘贴来自其他网站的富媒体链接——比如视频、文章或文档——FigJam 将把它们变成你的预览板上的预览。

Figma 甚至会提供一些互动的链接预览,允许你浏览 Figma 设计文件和城市地图,或者在 FigJam 工作时播放音乐和视频。

以下是一些关于如何使用链接预览的想法:

  • 添加音乐流媒体服务的链接,以便在播放音乐时播放音乐。
  • 包括视频,与你的团队研讨会或培训分享
  • 收集和分享 Moodboard 灵感的媒体
  • 为团队会议和头脑风暴提供背景信息

创建链接预览 #

你可以通过将资源的链接复制/粘贴到 FigJam 画布上或从工具栏单击来创建链接预览。

Figma 会将你的链接转换为静态预览或交互式预览。

静态预览 类似于书签,并且可以包括网站标题、描述、URL、徽标和图像等信息。静态预览中包含的信息量取决于资源站点所支持的内容。

互动预览 允许你直接从 FigJam 画布上加载网站并与其互动,以完成特定任务,例如播放音乐,观看视频和浏览地图。** 了解更多有关互动预览的信息 ** (opens new window)

注意

确保你使用的资源是公开的,以便从链接预览中获得最大的收益。如果链接是私有的或未列出的,这可能会限制预览中可用的丰富信息的数量。

粘贴链接 #

  1. 复制链接或嵌入资源的代码.
    • MAC:commandc
    • Windows: 控件 c
  2. 转到你的 FigJam 文件并将复制的内容粘贴到板上。
    • MAC: 命令 v
    • Windows: 控件 v

如果资源的站点支持嵌入,Figma 将创建一个交互式预览。否则,Figma 将创建一个静态预览。

工具栏 #

  1. 复制链接或嵌入资源的代码.
    • MAC:commandc
    • Windows: 控件 c
  2. 从 FigJam 文件中,单击底部工具栏
  3. 选择 媒体
  4. 链接 下,将复制的内容粘贴到字段中。
    • MAC: 命令 v
    • Windows: 控件 v
  5. 点击 添加

如果资源的站点支持嵌入,Figma 将创建一个交互式预览。否则,Figma 将创建一个静态预览。

互动预览 #

交互式预览是一种类型的链接预览,加载特定的网页,以与他们互动并完成特定的任务。你可以播放音乐、观看视频、浏览地图、点击 Figma 原型等等。

要与交互式预览进行交互,请单击该预览以使其处于活动状态。一次只能激活一个。如果你单击另一个交互式预览,第一个将返回为非活动。

注意

链接预览对你来说是独一无二的。激活一个将不会为同一文件中的其他用户激活。如果你放大一张地图,它只会在你的电脑上放大。如果你点击播放一个视频,这个视频只是在为你播放,其他人不会看到或听到它。

学习如何创建一个交互式预览版。 (opens new window)

Figma 设计和 FigJam 文件 #

在 FigJam 中创建 Figma 设计和 FigJam 文件的交互式预览。你可以查看和浏览文件,或者直接在你的主板上点击原型。

  1. 打开 Figma 设计文件。
  2. 单击工具栏右上角的 分享
  3. 点击 复制嵌入代码。
  4. ** 将代码粘贴到 FigJam 文件中。 (opens new window)

了解如何嵌入 Figma 设计和 FigJam 文件 (opens new window)

学习如何与 Figma 和 FigJam 嵌入交互 (opens new window)

行动 #

选择一个链接预览,以查看格式设置选项和其他操作。根据是静态预览还是交互式预览,将提供不同的选项。

|

行动

|

静态预览

|

互动预览

| |

在新选项卡中打开

在新的浏览器选项卡中打开预览的原始源代码。

| | | |

改回文本

预览将更改回其源 URL 或嵌入代码.

| | | |

显示垂直

预览将以垂直方向显示。

| | | |

显示水平

预览将以水平方向显示。

| | | |

最大化

在文件的全窗口中查看预览。增加预览大小以适应窗口

| | | |

最小化

关闭最大化的预览。

| | |