跳转到主要内容

Figma

当你的工作流程需要 Figma 文件数据、节点详情、评论或库资源时,请使用此应用。在找到合适的文件或节点后,你可以添加评论或开发资源。

配置

在配置此步骤之前,请通过登录流程在工作区的 Integrations 中连接 Figma。如果没有可用的活动连接,步骤会显示一个警告,并提供指向 Integrations 的链接,而不是帐户选择器。

Arguments form

当你选择某个操作时,Arguments 部分会显示一个由该操作输入架构驱动的表单。引用现有记录的字段包含下拉选择器。 如果你更愿意手动编写完整的参数对象,请切换到 Raw JSON 选项卡。任一选项卡中的更改都会保持同步。

Common actions

删除记录等破坏性操作不在工作流操作选择器中提供。

Output

此步骤会将 Figma 响应存储为步骤输出。响应的结构取决于所选操作。 在后续步骤中使用完整的输出引用:

Example

  1. 打开 Integrations,如果你还没有这样做,请先连接 Figma。
  2. 在工作流中添加一个 Figma 步骤。
  3. 在 Authentication 中选择一个已连接帐户。
  4. 在 Action 中选择 Get current user。
  5. 填写必填字段。使用 Insert Variable 引用前一步的输出,作为任何字段值。
  6. 点击步骤标题中的 Run 来测试该操作,然后在 Output 中查看返回的负载。

Use cases

审查设计文件

  1. 获取文件元数据
  2. 获取评论
  3. 添加评论

检查选中的节点

  1. 获取文件节点
  2. 渲染节点图像
  3. 下载图像

关联开发资源

  1. 获取开发资源
  2. 创建开发资源
  3. 更新开发资源

Notes

  • 此步骤依赖于你工作区中已连接的 Figma 集成。
  • 工作流操作选择器显示的是精选操作集。拥有 Figma 工具的代理可以使用更多操作。
  • 登录屏幕可能会显示第三方授权品牌标识。

Using Figma as an Agent Tool

你也可以在 Agent Editor 中将 Figma 添加为工具。打开代理,点击 Add tool,然后选择 Figma。在工具设置面板中,选择代理应使用的已连接帐户。代理会在相关于对话时调用 Figma 操作。 另请参见:Integrations、Creating and Editing 和 Testing and Iteration