跳转到主要内容

将 Figma 与 Omnisend 集成

学习如何将 Figma 设计同步到您的 Omnisend 图像库

作者:Sarunas

Figma 是一个用于创建电子邮件横幅、社交媒体图形和其他营销视觉效果的设计平台。通过 Figma 集成,您可以将设计自动同步到 Omnisend 图像库,作为 PNG 文件。

本文解释了如何连接 Figma,配置自动同步,在电子邮件活动和自动化中使用您的设计,以及排除常见连接问题。


开始之前

确保:

  • 您有一个活跃的 Figma 账户。

  • 您授权的 Figma 账户可以打开您想要同步的文件。

  • 如果您复制一个 Figma 社区文件,请在登录您将用于授权连接的账户时进行复制。 由其他账户复制的文件可能无法通过 Figma API 访问。

  • 您在 Figma 文件中创建了一个页面,也称为画布。 您可以将其命名为 Omnisend Sync 或使用其他名称。

  • 您想要同步的设计直接放置在此页面上,作为顶级框架。

  • 您的 Figma 计划和座位类型在设置期间可用,因为它们影响可用的同步频率。

  • 设计将仅作为 PNG 文件同步。

  • 每个连接可以同步一个文件和一个页面。

  • 每个帧必须小于 5 MB。超过此大小的帧将无法同步。

好处

通过 Figma 集成,您可以:

  • 自动同步新的和更新的 Figma 设计。

  • 在 Omnisend 图像库中使用同步的设计。

  • 将同步的设计添加到电子邮件活动和自动化工作流消息中。

  • 根据您的 Figma 计划和座位类型,从每 15 分钟到每月一次选择同步频率。

设置 Figma 集成

步骤 1:在 Figma 中准备同步页面

  1. 打开您想要同步的 Figma 文件。

  2. 在文件的顶层添加一个新页面。

  3. 输入您希望在 Omnisend 设置期间使用的页面名称。 默认名称是 Omnisend Sync

  4. 将您想要同步的设计移动到此页面。

  5. 确保每个设计都是直接放置在页面上的顶级框架。

在此页面添加或更新的任何框架都可以导入到您的 Omnisend 图片库 中。

重要: 嵌套在组、组件或其他帧中的帧将无法同步。

请记住以下几点:

  • 在将 Figma 连接到 Omnisend 之前,页面必须存在。

  • 页面名称匹配不区分大小写。 例如,Omnisend SyncOMNISEND SYNC 被视为相同的名称。

  • 如果在连接 Figma 后重命名页面,请在您的 Omnisend 连接中更新 同步页面名称

  • 当前更新页面名称需要您在 Omnisend 中重新安装 Figma 应用。

步骤 2:连接您的

账户

  1. 在 Omnisend 中,转到 应用

  2. 搜索 Figma

  3. 点击 立即连接.

  4. 完成连接表单.

输入以下信息:

  • API 基础 URL: 保持不变 https://api.figma.com unchanged. 使用 https://api.figma-gov.com only if you use a Figma for Government tenant.

  • Figma 文件 URL: 输入您想要同步的 Figma 文件的完整 URL。例如: https://www.figma.com/design//. 也支持裸文件密钥.

  • 同步页面名称: 输入您在步骤 1 中准备的页面名称。该页面必须已经存在于所选文件中.

  • 同步频率: 选择 Omnisend 应该多频繁检查新设计或更新设计.

重要: 使用 Figma 文件 URL,而不是文件夹或项目 URL。您授权的 Figma 账户必须能够打开所选文件.

5. 点击 连接.

6. 当被重定向到 Figma 时,使用可以访问该文件的账户登录.

7. 点击 允许 授权连接。

8. 授权后,您将返回 Omnisend.

步骤 3:配置同步设置

连接 Figma 后:

  1. 转到 应用连接的应用

  2. 选择 Figma

  3. 打开设置

您可以配置以下选项:

  • 自动同步:开启新更新帧的自动同步。

  • 立即同步:立即检查新框架或更新的框架。

注意: Figma 的速率限制可能会阻止新设计的导入,如果您在选定的同步间隔未结束之前运行 立即同步,在选定的同步间隔时间过去之前。Omnisend 可以检查连接,但在所需时间过去之前不会导入新设计。

步骤 4:在电子邮件中使用您的设计

  1. 打开一个电子邮件活动或自动化工作流。

  2. 打开Omnisend邮件构建器(Email Builder)

  3. 图片 项拖入您的电子邮件。

  4. 点击 选择文件

  5. 选择您同步的 Figma 设计之一。

您的 Figma 设计已作为 PNG 文件添加到 Omnisend 图片库中。

1F4A1 了解更多关于 Omnisend 图像库 的信息。

同步如何工作

Figma 操作

Omnisend 结果

向同步页面添加新框架

帧将在下一个合格检查时同步。

更新现有帧

更新的帧作为新图像同步。

从同步页面中移除帧

现有图像保留在 Omnisend 图像库中。

保持帧不变

该帧被跳过,不会再次上传。

帧超过 5 MB

该帧被跳过,不会同步到图像库。

故障排除

连接失败或返回到设置表单

检查以下内容:

  • 授权的 Figma 账户可以打开所选文件。

  • 文件 URL 指向一个 Figma 文件,而不是文件夹或项目。

  • 同步页面存在于所选文件中。

  • 同步页面名称与在 Omnisend 中输入的名称匹配。

  • API 基础 URL 对于您的 Figma 租户是正确的。

如果无法访问文件,Figma 可能会返回 403 权限被拒绝 错误。 此错误可能意味着授权帐户没有访问该文件的权限,或者文件 URL 不正确。

如果页面名称无效或 URL 不指向支持的文件,Omnisend 将您返回到设置表单。 您之前的输入仍然可用,Omnisend 在适用时会显示可用页面。 您可以更正详细信息并尝试再次操作,而无需重新授权 Figma。

我的设计未出现在图像库中

检查以下内容:

  1. 设计是顶级框架。

  2. 框架直接放置在所选页面上。

  3. 页面名称与您的 Figma 连接中的名称匹配。

  4. 文件 URL 指向正确的文件。

  5. 每个框架小于 5 MB。大于 5 MB 的帧将无法同步。

  6. 您正在通过选择 图像 项并点击 选择文件 来检查电子邮件构建器。

  7. 您已进入 应用 192 已连接的应用 2192 Figma 2192 设置 并点击了 立即同步

导入可能需要一分钟或更长时间,具体取决于正在同步的帧数。

如果在选定的同步间隔未结束前点击 立即同步,Omnisend 可能会检查连接而不导入新设计。

要确认帧是否因过大而失败,请检查 Omnisend 中的 API 访问日志

同步失败,出现速率限制错误

Figma 限制通过其 API 访问文件的频率。 限制取决于您的 Figma 计划和座位类型。

如果同步反复失败或您收到 429 速率限制错误:

  • 选择更长的同步间隔。

  • 避免重复点击 立即同步

  • 在再次尝试之前,请等待速率限制期结束。

常见问题

支持哪些图像格式?

Figma 设计仅以 PNG 文件格式同步。

我可以同步整个 Figma 电子邮件模板吗?

集成将 Figma 设计同步为 PNG 图像。 它不会同步可编辑的电子邮件布局或模板。

连接后我可以重命名同步页面吗?

是的。 在 Figma 中重命名页面后,请在 Omnisend 中更新 同步页面名称。目前,更新页面名称需要您在 Omnisend 中重新安装 Figma 应用。

我可以将多个 Omnisend 品牌连接到同一个 Figma 账户吗?

是的。 您可以将同一个 Figma 账户连接到不同的 Omnisend 品牌。 每个连接可以指向不同的 Figma 文件和同步页面。

我可以将多个 Figma 文件或页面同步到一个 Omnisend 品牌吗?

否 每个连接支持一个 Figma 文件和一个页面。

如果我断开与 Figma 的连接会发生什么?

如果您从 Omnisend 中断开 Figma,现有的图像将保留在您的 Omnisend 图像库 中。 新的或更新的 Figma 设计在您重新连接到 Figma 之前将无法同步。

我应该多久同步一次?

您的 Figma 计划和座位类型决定了适合的同步频率:

  • 具有开发或完整席位的组织或企业计划: 每 15-30 分钟可以很好地工作。

  • 具有开发或完整席位的专业计划: 每小时是安全的默认值。

  • 初学者计划,或任何计划上的查看者或协作席位: 推荐每周或每月,因为这些配置的 API 限制较低。

如果您不确定,请从较长的间隔开始,只有在同步可靠工作时再减少。


需要帮助吗? 通过应用内聊天或电子邮件联系 Omnisend 支持团队。 [email protected]

这是否解答了您的问题?