All connectors
Figma integration
A collaborative interface design tool.
Connect Figma to Xenition and work with it from chat, from an agent, or on a schedule — alongside every other app you have connected, in one workspace.
What you can do with Figma
Ask in plain language and Xenition calls the right one:
- Add a comment to a file — Posts a new comment to a Figma file or branch, optionally replying to an existing root comment (replies cannot be nested); `region_height` and `region_width` in `client_meta` must be positive if defining a comment region.
- Add a reaction to a comment — Posts a specified emoji reaction to an existing comment in a Figma file or branch, requiring valid file_key and comment_id.
- Create a webhook — Creates a Figma webhook to receive POST notifications when specific events occur. Webhooks can monitor events at three scopes: - Team level: monitors all files in a team (requires team admin permissions) - Project level: monitors all files in a project (requires edit access) - File level: monitors a specific file (requires edit access) Upon creation, Figma sends an initial PING event to verify you
- Create dev resources — Creates and attaches multiple uniquely-URLed development resources to specified Figma nodes, up to 10 per node.
- Create, modify, or delete variables — Manages variables, collections, modes, and their values in a Figma file via batch create/update/delete operations; use temporary IDs to link new related items in one request and ensure `variableModeValues` match the target variable's `resolvedType`.
- Delete a comment — Deletes a specific comment from a Figma file or branch, provided the authenticated user is the original author of the comment.
- Delete a reaction — Deletes a specific emoji reaction from a comment in a Figma file; the user must have originally created the reaction.
- Delete a webhook — Permanently deletes an existing webhook, identified by its unique `webhook_id`; this operation is irreversible.
- Delete dev resource — Deletes a development resource (used to link Figma design elements to external developer information like code or tasks) from a specified Figma file.
- Design tokens to tailwind — Convert design tokens to Tailwind CSS configuration. TWO-STEP WORKFLOW: 1. First, call FIGMA_EXTRACT_DESIGN_TOKENS with a Figma file_key to extract design tokens 2. Then, pass the returned DesignTokens object to this action's 'tokens' parameter This action generates: - tailwind.config.ts/js with theme extensions - Optional globals.css with font imports Note: Shadow colors can be provided in either
- Detect Background Layers — Detect background layers for selected nodes in a Figma file. This action analyzes the Figma document structure and identifies potential background elements for the given target nodes. It uses: - Geometric analysis (bounding box overlap/containment) - Z-index ordering (nodes earlier in the layer stack are behind later ones) - Visual properties (fills, node types) - Naming conventions (nodes named '
- Discover Figma Resources — Smart Figma resource discovery - extract IDs from any Figma URL. Supports all URL formats: /file/, /design/, /board/, /proto/, /slides/ Example: figma.com/board/ABC123/Name → file_key=ABC123 Discovery workflow: team_id → projects → files → nodes Use extracted IDs with GetFileJson, DetectBackground, etc.
- Download Figma Images — Download images from Figma file nodes. Renders specified nodes as images and downloads them. Supports PNG, SVG, JPG, and PDF formats. REQUIRED PARAMETERS: - file_key (string): The Figma file key from the URL - images (array): List of objects, each containing: - node_id (string, required): The node ID to export (e.g., "1:2") - file_name (string, required): Output filename with extension (e.g., "log
- Extract design tokens — Extract design tokens from Figma files by combining styles, variables, and node-extracted values. Only values defined as Figma styles or variables are captured — any design values not encoded as styles/variables are silently omitted. Requires `file_variables:read` scope and a Figma plan that supports variables for full output; if variables return empty, supplement with FIGMA_GET_LOCAL_VARIABLES.
- Extract Prototype Interactions — Extract prototype interactions and animations from Figma files. Required parameter: - file_key: The Figma file key extracted from a URL like 'https://www.figma.com/file/ABC123xyz/MyFile' (the 'ABC123xyz' part) Analyzes the prototype data to extract: - User interactions (clicks, hovers, etc.) - Transition animations - Component variant states - User flows and navigation
- Get activity logs — Retrieves activity log events from Figma, allowing filtering by event types, time range, and pagination.
- Get a webhook — Retrieves detailed information about a specific webhook by its ID, provided the webhook exists and is accessible to the user.
- Get comments in a file — Retrieves all comments from an existing Figma file, identified by a valid `file_key`, returning details like content, author, position, and reactions, with an option for Markdown formatted content.
- Get component (Deprecated) — DEPRECATED: Use FIGMA_GET_FILE_NODES instead. Get component data with automatic simplification. Returns clean, AI-friendly component structure.
- Get component — Fetches metadata for a specific component using its unique identifier. Use when you need to retrieve published component details from a team library.
- Get component set — Retrieves detailed metadata for a specific published Figma component set using its unique `key`.
- Get current user — Retrieves detailed information for the currently authenticated Figma user.
- Get dev resources — Retrieves development resources (e.g., Jira/GitHub links) for a Figma main file, optionally filtering by specific node IDs.
- Get files in a project — Fetches a list of files in a Figma project, optionally including branch metadata.
- Get file components — Retrieves published components from a Figma file, which must be a main file (not a branch) acting as a library.
- Get file component sets — Retrieves all published component sets from the specified Figma main file (file_key must not be for a branch).
- Get file json — Get Figma Design file data with automatic simplification. IMPORTANT: Only supports Design files (figma.com/design/{file_key}). FigJam board files (figma.com/board/{file_key}) and Slides files (figma.com/slides/{file_key}) are NOT supported and will return a 400 error: "File type not supported by this endpoint". This enhanced version automatically transforms verbose Figma JSON into clean, AI-friend
- Get file metadata — Get Figma file metadata including name, creator, last modification details, thumbnail, and access information. Use when you need quick file overview without the full document tree.
- Get file nodes — Fetch JSON for specific node IDs from a Figma file to avoid full-file payload limits. Use when you already know target node IDs (from shallow file fetch or component listings) or when full-file JSON has hit payload limits. Prefer depth=1 for fast discovery.
- Get file styles — Retrieves a list of published styles (like colors, text attributes, effects, and layout grids) from a specified main Figma file (not a branch).
…and 20 more Figma actions available in the workspace.
Give an agent access to Figma
An agent you create can use Figma on your behalf and keep working while you do something else. Every action an agent takes goes through an approval gate first, so nothing touches your Figma account without you agreeing to it.
Other connectors
Frequently asked questions
How do I connect Figma to Xenition?
Open the connectors directory in Xenition, find Figma, and sign in when the authorisation window opens. The connection is managed for you — there is no API key to create, paste or rotate.
What can Xenition do with Figma?
Xenition can run 50 different Figma actions, including Add a comment to a file, Add a reaction to a comment, Create a webhook. You ask in plain language and the right one is called for you.
Can an agent use Figma on my behalf?
Yes. Agents can use Figma while you do something else, and every action passes through an approval gate before it runs.
Is there a free plan?
Yes. Xenition starts free with 25,000 credits a month and no credit card, and all connectors are available on every plan.