Connect Figma to Mistral to unlock the power of AI automation

Figma MCP tools

Use Figma tools through chat to streamline your workflows.

Figma connector for other AI models (LLMs)

Ravenala support other LLMs to connect with Figma.

ChatGPT

By OpenAI

Grok

By xAI

Gemini

By Google

Sonar

By Anthropic

Claude Sonnet

By Anthropic

Claude Opus

By Anthropic

DeepSeek Chat

By DeepSeek

Llama

By Meta

Need inspiration? What's in your stack?

Explore use cases that combine Figma with other apps in your stack.

Airtable

17 actions

Canva

32 actions

GitHub

823 actions

6 triggers

Gmail

24 actions

1 trigger

Google Drive

51 actions

1 trigger

HubSpot

329 actions

2 triggers

Notion

28 actions

5 triggers

Salesforce

97 actions

2 triggers

View more apps

Conversational AI use cases to explore

SalesAI use cases
MarketingAI use cases
ProductAI use cases
Customer SupportAI use cases
EngineeringAI use cases
DesignAI use cases
Human ResourcesAI use cases
FinanceAI use cases
LegalAI use cases
OperationsAI use cases

Connect Figma to Mistral to unlock the power of AI automation

Figma MCP tools

add-a-comment-to-a-filePosts 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-comment-to-a-file

add-a-reaction-to-a-commentPosts a specified emoji reaction to an existing comment in a Figma file or branch, requiring valid file key and comment id.

add-a-reaction-to-a-comment

create-a-webhookCreates a Figma webhook for a `team id` to send post notifications for an `event type` to a publicly accessible https `endpoint`; an initial ping is sent unless `status` is `paused`.

create-a-webhook

create-dev-resourcesCreates and attaches multiple uniquely-urled development resources to specified Figma nodes, up to 10 per node.

create-dev-resources

create-modify-delete-variablesManages 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`.

create-modify-delete-variables

delete-a-commentDeletes a specific comment from a Figma file or branch, provided the authenticated user is the original author of the comment.

delete-a-comment

delete-a-reactionDeletes a specific emoji reaction from a comment in a Figma file; the user must have originally created the reaction.

delete-a-reaction

delete-a-webhookPermanently deletes an existing webhook, identified by its unique `webhook id`; this operation is irreversible.

delete-a-webhook

delete-dev-resourceDeletes a development resource (used to link Figma design elements to external developer information like code or tasks) from a specified Figma file.

delete-dev-resource

design-tokens-to-tailwindConvert design tokens to tailwind css configuration.

design-tokens-to-tailwind

detect-backgroundDetect background layers for selected nodes.

detect-background

discover-figma-resources🔍 smart Figma resource discovery - never guess ids again! 🎯 easiest method: just paste any Figma url to get all ids: • file urls: https://www.

discover-figma-resources

download-figma-imagesDownload images from Figma file nodes.

download-figma-images

extract-design-tokensExtract design tokens from Figma files.

extract-design-tokens

extract-prototype-interactionsExtract prototype interactions and animations from Figma files.

extract-prototype-interactions

get-activity-logsRetrieves activity log events from Figma, allowing filtering by event types, time range, and pagination.

get-activity-logs

get-a-webhookRetrieves detailed information about a specific webhook by its id, provided the webhook exists and is accessible to the user.

get-a-webhook

get-comments-in-a-fileRetrieves 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-comments-in-a-file

get-componentGet component data with automatic simplification.

get-component

get-component-setRetrieves detailed metadata for a specific published Figma component set using its unique `key`.

get-component-set

get-current-userRetrieves detailed information for the currently authenticated Figma user.

get-current-user

get-dev-resourcesRetrieves development resources (e.

get-dev-resources

get-file-componentsRetrieves published components from a Figma file, which must be a main file (not a branch) acting as a library.

get-file-components

get-file-component-setsRetrieves all published component sets from the specified Figma main file (file key must not be for a branch).

get-file-component-sets

get-file-jsonGet Figma file data with automatic simplification.

get-file-json

get-files-in-a-projectFetches a list of files in a Figma project, optionally including branch metadata.

get-files-in-a-project

get-file-stylesRetrieves a list of published styles (like colors, text attributes, effects, and layout grids) from a specified main Figma file (not a branch).

get-file-styles

get-image-fillsRetrieves temporary (14-day expiry) download urls for all image fills in a Figma file; requires `imageref` from `paint` objects to map urls.

get-image-fills

get-library-analytics-component-action-dataRetrieves component insertion and detachment analytics for a specified Figma library, groupable by 'component' or 'team' and filterable by a date range (yyyy-mm-dd).

get-library-analytics-component-action-data

get-library-analytics-component-usage-dataRetrieves component usage analytics for a specified Figma library file (identified by `file key`), with data groupable by 'component' or 'file'.

get-library-analytics-component-usage-data

get-library-analytics-style-action-dataRetrieves style usage analytics (insertions, detachments) for a Figma library, grouped by 'style' or 'team'; if providing a date range, ensure end date is not before start date.

get-library-analytics-style-action-data

get-library-analytics-style-usage-dataRetrieves style usage analytics for a Figma library (specified by a valid `file key`), allowing data to be grouped by 'file' or 'style'.

get-library-analytics-style-usage-data

get-library-analytics-variable-action-dataRetrieves weekly, paginated analytics data on variable insertions and detachments for a specified Figma library (identified by `file key`), groupable by 'variable' or 'team', and filterable by an optional date range.

get-library-analytics-variable-action-data

get-library-analytics-variable-usage-dataRetrieves paginated analytics data on variable usage from a specified Figma library, grouped by 'file' or 'variable', for libraries with enabled analytics.

get-library-analytics-variable-usage-data

get-local-variablesRetrieves all local/remote variables for a Figma file/branch; crucial for obtaining mode-specific values which `/v1/files/{file key}/variables/published` omits.

get-local-variables

get-paymentsRetrieves a user's payment information for a Figma plugin, widget, or community file; the authenticated identity must own the resource.

get-payments

get-projects-in-a-teamRetrieves projects within a specified Figma team that are visible to the authenticated user.

get-projects-in-a-team

get-published-variablesRetrieves variables published from a specified Figma file; this API is available only to full members of enterprise organizations.

get-published-variables

get-reactions-for-a-commentRetrieves reactions for a specific comment in a Figma file.

get-reactions-for-a-comment