Skip to content

嵌入 Figma

您可以在状态中嵌入 Figma 框架,以保持设计和代码同步。嵌入的 Figma 框架将与 Figma 文件中的最新更改保持同步。Figma 框架是一种特殊类型的资产

在 Nick 的博客文章中,了解如何通过 Stately 和 Figma 改善团队工作流程

如何嵌入 Figma 框架

  1. 生成 Figma 个人访问令牌并将其添加到 Stately Studio 的用户设置中
  2. 在 Figma 中,右键单击要嵌入的框架,然后选择 复制/粘贴为 > 复制链接
  3. 使用 加号菜单和 嵌入 Figma 在任何选定的状态上。
  4. 将 Figma 链接粘贴到 Figma URL 字段中,然后单击 添加 Figma 资产

由于 Figma 框架是一种特殊类型的资产,您可以像其他资产一样更改 Figma 框架的显示大小更改状态资产的顺序以选择在状态上显示的资产。

同步 Figma 框架

除非:

否则嵌入的 Figma 框架将与 Figma 文件中的最新更改保持同步。

在 Stately Studio 中刷新页面以查看嵌入的 Figma 框架的最新更改。

带有 Figma 框架的锁定机器

当您的机器被锁定时,Figma 框架的更新将不会同步到您的机器。您可以解锁机器以再次同步 Figma 框架。

Figma 个人访问令牌

您需要一个 Figma 个人访问令牌来嵌入 Figma 框架。您可以在您的 Figma 账户设置中的个人访问令牌下创建个人访问令牌。

为了确保嵌入 Figma 正常工作,您必须为个人访问令牌授予以下权限:

  • 文件内容:允许只读访问,以便 Stately Studio 可以将嵌入的 Figma 框架同步到您的机器。

您可以随时从 Stately Studio 的用户 设置中更新您的 Figma 个人访问令牌。

撤销您的 Figma 个人访问令牌

如果您需要撤销您的 Figma 个人访问令牌,可以在 Figma 账户设置中进行。

当您撤销 Figma 个人访问令牌或令牌过期时,Stately Studio 将无法再将嵌入的 Figma 框架同步到您的机器。嵌入的 Figma 框架的最后同步版本将在您的机器中保留 14 天。14 天后,Figma 将完全撤销对框架的访问。