How to integrate Figma MCP with Grok Build

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.

Posts a specified emoji reaction to an existing comment in a Figma file or branch, requiring valid file_key and comment_id.

Creates a Figma webhook to receive POST notifications when specific events occur.

Creates and attaches multiple uniquely-URLed development resources to specified Figma nodes, up to 10 per node.

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`.

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

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

Permanently deletes an existing webhook, identified by its unique `webhook_id`; this operation is irreversible.

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

Convert design tokens to Tailwind CSS configuration.

Detect background layers for selected nodes in a Figma file.

Smart Figma resource discovery - extract IDs from any Figma URL.

Download images from Figma file nodes.

Extract design tokens from Figma files by combining styles, variables, and node-extracted values.

Extract prototype interactions and animations from Figma files.

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

Retrieves detailed information about a specific webhook by its ID, provided the webhook exists and is accessible to the user.

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.

Fetches metadata for a specific component using its unique identifier.

Retrieves detailed metadata for a specific published Figma component set using its unique `key`.

Retrieves detailed information for the currently authenticated Figma user.

Retrieves development resources (e.

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

Retrieves all published component sets from the specified Figma main file (file_key must not be for a branch).

Get Figma Design file data with automatic simplification.

Get Figma file metadata including name, creator, last modification details, thumbnail, and access information.

Fetch JSON for specific node IDs from a Figma file to avoid full-file payload limits.

Fetches a list of files in a Figma project, optionally including branch metadata.

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

Retrieves temporary (14-day expiry) download URLs for all image fills in a Figma file; requires `imageRef` from `Paint` objects to map URLs.

Retrieves component insertion and detachment analytics for a specified Figma library, groupable by 'component' or 'team' and filterable by a date range (YYYY-MM-DD).

Retrieves component usage analytics for a specified Figma library file (identified by `file_key`), with data groupable by 'component' or 'file'.

Retrieves 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.

Retrieves style usage analytics for a published Figma library.

Retrieves 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.

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

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

Retrieves a user's payment information for a Figma plugin, widget, or Community file; the authenticated identity must own the resource.

Retrieves projects within a specified Figma team that are visible to the authenticated user.

Retrieves variables published from a specified Figma file; this API is available only to full members of Enterprise organizations.

Retrieves reactions for a specific comment in a Figma file.

Get Figma's SCIM service provider configuration.

Retrieves detailed metadata for a specific style in Figma using its unique style key.

Retrieves components published in a specific Figma team's library; the team must have published components, otherwise an empty list is returned.

Retrieves a paginated list of published component sets (collections of reusable UI elements) from a specified Figma team's library.

Retrieves a paginated list of published styles (fill colors, text styles, effects, grids) from a specified Figma team's library.

Retrieves all webhooks registered for a specified Figma context (team, project, or file).

Retrieves the version history for a Figma file or branch, as specified by its `file_key`.

Retrieves a history of webhook requests for a specific Figma webhook subscription; data is available for requests sent within the last seven days.

Render Figma nodes as images (PNG, JPG, SVG, PDF).

Updates an existing Figma webhook, identified by `webhook_id`, allowing modification of its event type, endpoint, passcode, status, or description.

Updates the name and/or URL of one or more existing Figma Dev Resources, each identified by its unique `id`.