Connect Figma to Your AI Agent

Provide a design link or selected nodes so AI can organize handoff details and turn review notes into clear feedback.

26 tools API key / OAuth

Try a Figma Task

Copy a prompt into your agent with the oo Skill installed. Add your page links and source notes before running it.

oo Skill Figma

Prepare a Design Handoff Brief

Read selected design nodes so AI can describe structure, text, and styling details for implementation.

/oo Figma: Read these nodes in Figma file [file link or key]: [node IDs]. Prepare a handoff brief covering structure, visible text, and styling details in the node data. Flag questions needing designer input.

Summarize Design Feedback

Read file comments and ask AI to group feedback into themes and unresolved questions.

/oo Figma: Read comments on Figma file [file link or key]. Group feedback by theme, separate resolved discussions where indicated, and list questions needing follow-up.

Post a Focused Review Comment

Let AI organize your review notes into a clear comment on the file you specify.

/oo Figma: Turn these review notes into a concise, actionable comment and post it on Figma file [file link or key]: [notes].

Export frames for a review

Get images of selected frames to share outside the design file.

/oo Figma: Export nodes [node IDs] from Figma file [file link or key] as PNG images. Return the image URLs and note any nodes that could not be rendered.

Start Working with Figma

  1. Install OOMOL

    Set up oo CLI and the oo Skill in your agent.

    Install OOMOL →
  2. Connect Figma

    Connect through Figma OAuth or a personal access token.

    Connect Figma →
  3. Give Your Agent a Task

    Use /oo with the pages to read, the changes to make, and where to save the result.

    Connection Guide →

Choose Your Agent

  • A Figma account with access to the files you want to use.
  • Available operations depend on your authorization and file access.

Figma Tools

Read Figma documents, selected nodes, and comments, render nodes for reference, or add comments through your connection.

Read Design Documents

Retrieve file documents or selected nodes, and read file metadata.

Render Design Nodes

Render selected nodes and retrieve temporary image URLs or image fill URLs.

Read and Post Feedback

List file comments, post a comment, or reply to a specified comment.

26 tools

Get Current User

Get the current Figma user associated with the API key.

figma.get_current_user

Get File Metadata

Get lightweight metadata for a Figma file without fetching its full document.

figma.get_file_metadata

Get File

Get the JSON document for a Figma file or branch.

figma.get_file

Get File Nodes

Get JSON for selected node IDs from a Figma file or branch.

figma.get_file_nodes

Render Images

Render selected Figma file nodes and return temporary image URLs.

figma.render_images

Get Image Fills

Get temporary download URLs for image fills used in a Figma file.

figma.get_image_fills

List File Versions

List version history records for a Figma file.

figma.list_file_versions

List Comments

List comments on a Figma file or branch.

figma.list_comments

Post Comment

Post a comment on a Figma file or branch.

figma.post_comment

Delete Comment

Delete a Figma comment created by the authenticated user.

figma.delete_comment

List Comment Reactions

List emoji reactions on a Figma file comment.

figma.list_comment_reactions

Post Comment Reaction

Add an emoji reaction to a Figma file comment.

figma.post_comment_reaction

Delete Comment Reaction

Delete an emoji reaction created by the authenticated user.

figma.delete_comment_reaction

List Team Projects

List projects visible to the authenticated user in a Figma team.

figma.list_team_projects

Get Project Metadata

Get metadata for a Figma project.

figma.get_project_metadata

List Project Files

List files in a Figma project.

figma.list_project_files

List File Components

List published components in a Figma main file library.

figma.list_file_components

List File Component Sets

List published component sets in a Figma main file library.

figma.list_file_component_sets

List File Styles

List published styles in a Figma main file library.

figma.list_file_styles

Get Component

Get metadata for a published Figma component by key.

figma.get_component

Get Component Set

Get metadata for a published Figma component set by key.

figma.get_component_set

Get Style

Get metadata for a published Figma style by key.

figma.get_style

Get Dev Resources

Get dev resources attached to a Figma main file.

figma.get_dev_resources

Create Dev Resources

Create dev resources and attach them to Figma file nodes.

figma.create_dev_resources

Update Dev Resources

Update existing Figma dev resources.

figma.update_dev_resources

Delete Dev Resource

Delete a Figma dev resource from a main file.

figma.delete_dev_resource

Work Across Apps

Turn design feedback into a GitHub issue

Give engineering an actionable report with the design context attached.

Frequently Asked Questions

Can AI focus on selected frames instead of an entire file?

Yes. Provide the file link or key and the node IDs for the frames you want analyzed. Selected-node retrieval keeps the task focused.

Can AI summarize feedback without posting a comment?

Yes. Ask for a summary of existing comments. Posting feedback is a separate operation and must be requested.

Can this integration change layers or generate a design in Figma?

It reads design data and supports comments and dev resources. It does not provide operations to create or edit canvas layers.

Can I obtain images of selected frames?

Yes. Provide the file and node IDs and specify an export format. Rendering returns temporary URLs; failed renders may not have an image URL.

Connect Figma

About Figma ↗