Figma MCP Server

Figma REST API for design file management, components, styles, and collaboration. Access files, nodes, components, styles, variables, comments, and project data. Perfect for design systems, asset extraction, design-to-code workflows, and design automation.

47 tools
SKILL.md

Start chatting with Figma tools

Open Studio to chat with 47 Figma tools right now — the skill is included automatically.

AI Skill
SKILL.md

Domain knowledge for Figma — workflow patterns, data models, and gotchas for your AI agent.

Figma

Figma API accesses files, nodes (layers), components, styles, comments. File key from URL (figma.com/file/KEY/...). Scopes: files:read, file_comments:write, etc.

Data Model

  • Files — design documents addressed by file_key from the share URL; responses include the full node tree.
  • Nodes — pages, frames, groups, and vector layers; target specific ids from the tree for partial reads or exports.
  • Components — reusable definitions scoped to a file.
  • Styles — color and typographic tokens attached to a file.
  • Variables — design-token collections (local and library-linked).
  • Comments — threaded feedback anchored to canvas regions.
  • Projects — folders that group related files for organization and permissions.

Gotchas

  • File key from URL: figma.com/file/ABC123/NameABC123 is the key.
  • Node ids: Required for raster exports and deep reads—harvest them from the latest file JSON.
  • Raster export: Request explicit node id lists plus format (png, jpg, svg) and scale; batch to conserve quota.
  • Rate limit: ~100 requests/minute—cache stable trees and batch export jobs.

Tools in this Server (47)

Delete

Universal delete tool that removes ANY Figma resource using smart ID routing with colon-separated format. Supports comments, webhooks, and dev resourc...

Fetch

Universal fetch tool that retrieves ANY Figma resource using smart ID routing with colon-separated format. Supports files, comments, projects, compone...

Figma Create Dev Resources

Create dev resources (code connections) for nodes in bulk. Links Figma nodes to code implementations (Storybook stories, GitHub files, component libra...

Figma Create Webhook

Create a new webhook subscription for a team. Configures webhook to receive notifications for specified events (file updates, comments, library publis...

Figma Delete Comment

Delete a specific comment from a Figma file. IMPORTANT: Only the comment author can delete their own comments. Use for removing outdated feedback, mis...

Figma Delete Comment Reaction

Remove your emoji reaction from a comment. Deletes your existing reaction. Can only delete your own reactions, not others'. Use for unreacting, changi...

Figma Delete Dev Resource

Delete a single dev resource by ID. Removes code connection from Figma file. Deletion is permanent and cannot be undone. Use when removing outdated li...

Figma Delete Webhook

Delete a webhook subscription permanently. Stops all event delivery and removes webhook configuration. Requires team admin permissions. Deletion is pe...

Figma Get Activity Logs

Get activity logs for organization. Returns audit trail of user actions including file access, permission changes, team modifications, and security ev...

Figma Get Comment Reactions

Get all reactions for a specific comment. Returns paginated list of emoji reactions with reactor info, timestamps, and emoji types. Use for displaying...

Figma Get Comments

Get all comments from a Figma file. Returns list of comments with message text, author information, timestamps, reactions, position/location in file, ...

Figma Get Component

Get metadata for a specific published component by key. Returns component name, description, key, file key, node ID, thumbnail URL, creation/update ti...

Figma Get Component Set

Get metadata for a specific published component set (variants) by key. Returns component set name, description, key, file key, node ID, thumbnail URL,...

Figma Get Dev Resources

Get dev resources (code connections) from a file. Dev resources link Figma nodes to code implementations (Storybook, GitHub, custom links). Returns re...

Figma Get File

Get complete Figma file JSON including document tree with all nodes, components mapping, styles, and file metadata. Returns nested node structure with...

Figma Get File Components

Get list of all published components from a file library. Returns component keys, names, descriptions, node IDs, thumbnails, and metadata for each com...

Figma Get File Component Sets

Get list of all published component sets from a file library. Returns keys, names, descriptions, node IDs, thumbnails, and metadata for each variant g...

Figma Get File Meta

Get lightweight file metadata without full document tree. Returns file name, description, editor type, thumbnailUrl, lastModified, version, link acces...

Figma Get File Nodes

Get specific nodes from a Figma file by node IDs. Returns targeted node data with metadata including name, lastModified, thumbnailUrl, editorType, ver...

Figma Get File Styles

Get list of all published styles from a file library. Returns style keys, names, descriptions, types, node IDs, thumbnails, and metadata. No paginatio...

Figma Get File Versions

Get version history for a file. Returns list of file versions with IDs, labels, descriptions, creation timestamps, and creator info. Versions are snap...

Figma Get Image Fills

Get download URLs for all image fills in a document. Image fills are user-supplied images used as fills on shapes. Returns mapping from image referenc...

Figma Get Images

Render images from Figma file nodes in PNG, JPG, SVG, or PDF format. Returns download URLs for rendered images (URLs expire after 30 days). Supports u...

Figma Get Library Analytics Component Actions

Get component action analytics for library. Returns time-series data of component insertions, detachments, and updates. Shows which components are bei...

Figma Get Library Analytics Component Usages

Get component usage analytics for library. Returns which files use each component, instance counts, and usage locations. Shows design system penetrati...

Figma Get Library Analytics Style Actions

Get style action analytics for library. Returns time-series data of style applications, removals, and updates. Shows which styles (colors, text, effec...

Figma Get Library Analytics Style Usages

Get style usage analytics for library. Returns which files use each style, application counts, and usage locations. Shows design system consistency an...

Figma Get Library Analytics Variable Actions

Get variable action analytics for library. Returns time-series data of variable applications, mode switches, and value changes. Shows which variables ...

Figma Get Library Analytics Variable Usages

Get variable usage analytics for library. Returns which files use each variable, application counts, and usage locations. Shows design token penetrati...

Figma Get Local Variables

Get local and remote variables from a file (Enterprise feature). Returns variable collections, modes, variables, and their values. Local variables are...

Figma Get Me

Get information about the currently authenticated Figma user. Returns user ID, email, display name, profile image URL, and team memberships. Use for v...

Figma Get Payments

Get payment information for Community resources. Returns purchase history, pricing, license details, and transaction info for paid Community plugins, ...

Figma Get Project Files

Get list of all files in a Figma project. Returns file keys, names, thumbnails, last modified times, and optionally branch metadata. Use for discoveri...

Figma Get Published Variables

Get published variables from a file (Enterprise feature). Returns variable collections and variables with both id (original) and subscribed_id (for su...

Figma Get Style

Get metadata for a specific published style by key. Returns style name, description, key, style type (FILL/TEXT/EFFECT/GRID), file key, node ID, thumb...

Figma Get Team Components

Get paginated list of published components from a team library. Returns component keys, names, descriptions, thumbnails, and file references. Uses cur...

Figma Get Team Component Sets

Get paginated list of published component sets from a team library. Returns keys, names, descriptions, thumbnails, and file references for variant gro...

Figma Get Team Projects

Get list of all projects in a Figma team/workspace. Returns project IDs, names, and metadata. Only shows projects visible to authenticated user based ...

Figma Get Team Styles

Get paginated list of published styles from a team library. Returns style keys, names, descriptions, types (FILL/TEXT/EFFECT/GRID), thumbnails, and fi...

Figma Get Webhook

Get details for a specific webhook by ID. Returns webhook configuration including event types, endpoint URL, status, team ID, passcode, and metadata. ...

Figma Get Webhook Requests

Get webhook delivery history and request logs. Returns webhook delivery attempts with HTTP status codes, response times, error messages, and retry sta...

Figma List Webhooks

List all webhooks configured for a team. Returns webhook IDs, event types, endpoint URLs, status, and configuration. Requires team admin permissions. ...

Figma Post Comment

Post a new comment or reply to existing comment in a Figma file. Creates comment threads for design feedback and collaboration. Can position comments ...

Figma Post Comment Reaction

Add an emoji reaction to a comment. Creates new reaction with specified emoji. User can add multiple different emoji reactions but only one of each ty...

Figma Post Variables

Bulk create, update, and delete variables and variable collections (Enterprise feature with Editor seat required). Changes applied in order: collectio...

Figma Update Dev Resources

Update existing dev resources in bulk. Modify name, URL, or node association for existing code connections. Can update multiple resources in one reque...

Figma Update Webhook

Update an existing webhook configuration. Can modify event type, endpoint URL, passcode, description, or enable/disable status. Requires team admin pe...

Integration Details

Authentication
API Key
One-click sign in

Frequently Asked Questions

What is the Figma MCP server?

Figma REST API for design file management, components, styles, and collaboration. Access files, nodes, components, styles, variables, comments, and project data. Perfect for design systems, asset extraction, design-to-code workflows, and design automation. It provides 47 tools that AI agents can use through the Model Context Protocol (MCP).

How do I connect Figma to my AI agent?

Add the MCPBundles server URL to your MCP client configuration (Claude Desktop, Cursor, VS Code, etc.). The URL format is: https://mcp.mcpbundles.com/bundle/figma. Authentication is handled automatically.

How many tools does Figma provide?

Figma provides 47 tools that can be called by AI agents, along with a SKILL.md that gives your AI agent domain knowledge about when and how to use them.

What authentication does Figma require?

Figma uses API Key or One-click sign in. Figma requires credentials. Connect via MCPBundles and authentication is handled automatically.

Setup Instructions

Connect Figma to any MCP client in minutes

https://mcp.mcpbundles.com/bundle/figma

What is MCP?

Model Context Protocol lets AI tools call external capabilities securely through a single URL. This bundle groups tools behind an MCP endpoint that many clients can use.

Use this bundle in 3 steps

  1. Copy the MCP URL above
  2. Open your AI tool and add a new MCP/connector
  3. Paste the URL and follow any auth prompts

Claude Desktop Users

Skip the manual setup! Use the .mcpb file format for one-click installation. Check the Claude Desktop tab for setup instructions.

Pick your tool tab for exact steps

Select ChatGPT, Cursor, Claude Code, or another tab for copy-paste config.

Ready to use Figma?

Open Studio and start using 47 tools right now — no setup required

Figma MCP Server & Skill — 47 Tools