让你的 AI Agent 连接 Figma

提供设计链接或指定节点,让 AI 整理交接信息,并将审查笔记写成清晰的反馈。

26 个工具 API key / OAuth

试试这些 Figma 任务

将提示词复制到已安装 oo Skill 的 Agent,补充页面链接和原始笔记后执行。

oo Skill Figma

准备设计交接说明

读取指定节点,让 AI 整理实现所需的结构、文本和样式信息。

/oo Figma: 读取 Figma 文件[文件链接或标识]中的节点[节点 ID 列表],根据节点数据整理交接说明,包括结构、可见文本和样式信息,指出需要设计师确认的问题。

总结设计反馈

读取文件评论,让 AI 按主题归纳反馈和待解答的问题。

/oo Figma: 读取 Figma 文件[文件链接或标识]的评论,按主题归纳反馈,根据评论中的状态区分已解决的讨论,并列出需要跟进的问题。

发布明确的审查评论

让 AI 将审查笔记整理成清楚的评论,发布到指定文件。

/oo Figma: 把以下审查笔记整理为简洁、可执行的评论,发布到 Figma 文件[文件链接或标识]:[笔记]。

导出评审需要的画面

导出指定画面的图片,便于在设计文件外查看。

/oo Figma: 将 Figma 文件 [文件链接或 key] 中的节点 [节点 ID] 导出为 PNG,返回图片链接,并说明哪些节点未能导出。

开始使用 Figma

  1. 安装 OOMOL

    在 Agent 中配置 oo CLI 和 oo Skill。

    安装 OOMOL →
  2. 连接 Figma

    通过 Figma OAuth 或 Personal Access Token 连接。

    连接 Figma →
  3. 向 Agent 交代任务

    使用 /oo,说明要读取的页面、修改的内容和保存位置。

    连接指南 →

选择你的 Agent

  • 一个有权访问目标文件的 Figma 账号。
  • 可用操作取决于授权和文件访问权限。

Figma 工具

通过连接读取 Figma 文档、指定节点和评论,导出节点供参考,或添加评论。

读取设计文档

获取文件文档或指定节点,读取文件元信息。

导出设计节点

导出指定节点,获取临时图片链接或图片填充素材链接。

读取与发布反馈

列出文件评论,发布评论或回复指定评论。

26 个工具

Get Current User

获取与 API 密钥关联的当前 Figma 用户。

figma.get_current_user

Get File Metadata

获取 Figma 文件的轻量元数据,无需获取完整文档。

figma.get_file_metadata

Get File

获取 Figma 文件或分支的 JSON 文档。

figma.get_file

Get File Nodes

从 Figma 文件或分支获取所选节点 IDs 的 JSON。

figma.get_file_nodes

Render Images

渲染所选 Figma 文件节点并返回临时图像 URL。

figma.render_images

Get Image Fills

获取 Figma 文件中使用的图像填充的临时下载 URL。

figma.get_image_fills

List File Versions

列出 Figma 文件的版本历史记录。

figma.list_file_versions

List Comments

列出 Figma 文件或分支上的评论。

figma.list_comments

Post Comment

在 Figma 文件或分支上发布评论。

figma.post_comment

Delete Comment

删除由已认证用户创建的 Figma 评论。

figma.delete_comment

List Comment Reactions

列出 Figma 文件评论上的表情符号反应。

figma.list_comment_reactions

Post Comment Reaction

向 Figma 文件评论添加表情符号反应。

figma.post_comment_reaction

Delete Comment Reaction

删除由已认证用户创建的表情符号反应。

figma.delete_comment_reaction

List Team Projects

列出已认证用户在 Figma 团队中可见的项目。

figma.list_team_projects

Get Project Metadata

获取 Figma 项目的元数据。

figma.get_project_metadata

List Project Files

列出 Figma 项目中的文件。

figma.list_project_files

List File Components

列出 Figma 主文件库中已发布的组件。

figma.list_file_components

List File Component Sets

列出 Figma 主文件库中已发布的组件集。

figma.list_file_component_sets

List File Styles

列出 Figma 主文件库中已发布的样式。

figma.list_file_styles

Get Component

按键获取已发布的 Figma 组件的元数据。

figma.get_component

Get Component Set

按键获取已发布 Figma 组件集的元数据。

figma.get_component_set

Get Style

按键获取已发布 Figma 样式的元数据。

figma.get_style

Get Dev Resources

获取附加到 Figma 主文件的开发资源。

figma.get_dev_resources

Create Dev Resources

创建开发资源并将其附加到 Figma 文件节点。

figma.create_dev_resources

Update Dev Resources

更新现有的 Figma 开发资源。

figma.update_dev_resources

Delete Dev Resource

从主文件删除 Figma 开发资源。

figma.delete_dev_resource

跨应用完成任务

将设计反馈整理成 GitHub 问题

为研发准备包含设计背景的具体问题报告。

常见问题

可以只分析指定画板,不读取整个文件吗?

可以。提供文件链接或标识,以及目标画板的节点 ID。读取指定节点可以让任务更聚焦。

可以只总结反馈,不发布评论吗?

可以。要求总结已有评论即可。发布反馈是单独的操作,需要明确要求。

这个集成可以修改图层或在 Figma 中生成设计吗?

它可以读取设计数据,支持评论和开发资源操作,没有创建或编辑画布图层的操作。

可以获取指定画板的图片吗?

可以。提供文件和节点 ID,并说明导出格式。导出结果包含临时链接;导出失败的节点可能没有图片链接。

连接 Figma

关于 Figma ↗