Using Figma with AI Agents

With the Figma for Zoom app, you can integrate Figma with your Zoom AI Agents. This integration allows AI agents to access Figma files, review comments, and interact with your design system.

Learn more about managing and using the Figma for Zoom app with other products.

Requirements for using Figma with AI agents

Table of Contents

How to use Figma with AI Agents

Connect Figma to AI Agents

  1. Sign in to the Zoom Workplace desktop app.
  2. In the navigation panel, click Chat.
  3. In the toolbar, click the Agents icon.
    Note: If you do not see the Agents icon, click the More icon , then click the Agents icon.
  4. At the bottom of the chat navigation, click Tools.
  5. Click the Marketplace tab.
  6. Search and click on Zoom for Figma.
  7. Click Connect.
  8. When prompted, authenticate into Figma.
    Once authentication is complete, you can use Figma in your AI Agents.

Agent tools available for Figma

The following tools can be utilized with AI Agents:

 
Tool NameDescriptionRead and write operations

Tool Name

Description

Read and write operations

Add Comment To A File

Add a review comment to a Figma file when a write action is explicitly needed.

Write

Extract Design Tokens

Extract color, typography, effect, and spacing tokens from Figma API responses.

Read

Get Comments In A File

List comments in a Figma file for design review context.

Read

Discover Figma Resources

Parse a Figma URL and extract reusable file, node, team, and project identifiers.

Read

Get File Components

List published components in a Figma file.

Read

Get File Metadata

Get lightweight metadata for a Figma file, including name, thumbnail, and last modified time.

Read

Get File Component Sets

List published component sets and variants in a Figma file.

Read

Detect Background Layers

Find likely background layers behind a target node in Figma JSON data.

Read

Get File Nodes

Get JSON data for specific nodes in a Figma file.

Read

Get Component Set

Get metadata for a Figma component set by key.

Read

Design Tokens To Tailwind

Convert extracted Figma design tokens into a Tailwind theme configuration.

Read

Get Current User

Get profile information for the authenticated Figma user.

Read

Extract Prototype Interactions

Extract prototype interactions, transitions, and flow hints from Figma JSON data.

Read

Get File JSON

Get the JSON document tree and design data for a Figma file.

Read

Get Component

Get metadata for a published Figma component by key.

Read

Render Images Of File Nodes

Render selected Figma file nodes as image URLs for visual preview and comparison.

Read

Get File Styles

List published styles used in a Figma file.

Read

Data security and utilization

For more information on how data is secured within the integration, as well as how your data is used, please refer to the following: