Connect your account, then chat with AI to run tools.
Inspect Figma files, nodes, components, styles, variables, comments, exports, webhooks, and design-system libraries from chat.
Try this workflow
Audit a design system
Read this Figma file's components, component sets, styles, and variables, then summarize inconsistencies that could break a design system rollout.
Opens MCPBundles Studio with this server selected. After sign-in, chat and run tools from the same thread.
Browse all toolsBuilt for
Design Systems, Product Design, Design Engineering, Design QA
Audit a design system
Connects file-local and published library design-system objects.
Read this Figma file's components, component sets, styles, and variables, then summarize inconsistencies that could break a design system rollout.
Extract implementation context
Uses node reads and render exports for design-to-code work.
Read selected Figma nodes, render screenshots, and summarize layout, copy, colors, and component structure for engineering handoff.
Review comments and feedback
Turns file comments into a structured review queue.
List comments on this Figma file, group unresolved feedback by page or frame, and suggest what needs product or design follow-up.
Plan webhook or dev-resource updates
Covers collaboration automation beyond static file reads.
Inspect Figma webhooks and dev resources for the team, then recommend which resources should be added or paused for the current project.
What can MCPBundles do with Figma?
It can inspect files, nodes, images, components, component sets, styles, variables, comments, projects, webhooks, dev resources, and selected library analytics depending on account plan and credential scope.
What identifiers do Figma workflows need?
Most workflows need a file key, team id, node id, or global library key. File keys come from Figma design or file URLs, and node ids identify specific frames or elements.
Can agents render Figma designs?
Yes. The render workflow can export selected nodes as PNG, JPG, SVG, or PDF, which helps agents inspect visuals and produce engineering notes.
Related editorial
Figma Workflows with AI
How AI agents can read files, browse components and styles, edit variables, post review comments, and pull library analytics for design ops.
Domain knowledge for Figma — workflow patterns, data models, and gotchas for your AI agent.
Figma's REST API addresses everything by file, team, or global key.
Team → Project → File → Page → Frame → Node. Components, component sets, styles, and variables are scoped to a file (the local view) and may also be published to the team library, which is what other files consume.
The Figma REST API exposes endpoints that are gated on the workspace's Figma plan, not on the credential. These will return 403 / 400 for accounts that don't have the corresponding entitlement, even when the token is otherwise valid:
Two credential shapes are supported. The framework injects whichever is bound for the workspace:
Figma rate-limits per token (~Tier 3 endpoints are tighter — payments, activity logs). On 429, back off; rate-limit windows reset within ~60 seconds.
Create a comment on a Figma file. Required: message. Optional: comment_id (the parent comment id — when set, this becomes a threaded reply rather than...
Add a reaction to a Figma comment. emoji must be one of the Figma-supported shortcodes: :eyes:, :heart_eyes:, :heavy_plus_sign:, :+1:, :-1:. The same ...
Delete a comment from a Figma file. Only the author or a team admin can delete; other callers get 403. Deleting a thread root removes all replies.
Remove the calling user's reaction (matching emoji) from a Figma comment. emoji is sent as a query parameter, not a body. Only the user who created th...
Delete one dev resource by id. Permanent — there is no undo. file_key defaults to the credential.
Delete a webhook. Permanent — there is no undo. To stop delivery without deleting, use figma_upsert_webhook with status='PAUSED'. Requires team admin ...
Read the org activity log. Filter on events (comma-separated list of event types — empty returns every event), start_time / end_time (Unix seconds — d...
List reactions on a Figma comment. Each row carries the reacting user, the emoji shortcode, and created_at. Cursor pagination via cursor=. Reaction em...
List comments on a Figma file. Each comment carries id, message, user, created_at, resolved_at, parent_id (for replies), client_meta (the canvas regio...
Read components. Pass component_key to fetch one component by its global key (the key surfaced inside the file's components map and on instances). Oth...
Read component sets (the variant containers). Pass component_set_key to fetch one. Otherwise scope to a file (file_key, defaults to credential) or to ...
List the dev resources (Dev Mode code connections) attached to nodes in a Figma file. Each row carries id, file_key, node_id, name, url. Pass node_id ...
Read a Figma file by file_key. Pass ids='1:2,1:3' to fetch only those nodes (and their descendants) — the response is shape-equivalent to the deep-nod...
Read lightweight metadata for a Figma file — name, role, last_touched_at, editor_type, link_access, creator, owner, and folder ancestry — without down...
Read the version history of a Figma file. Returns a list of named saves (version id, label, description, created_at, user). Pass any version id back t...
Read the URL map of every image fill referenced inside a Figma file. Returns a dict keyed by image_ref (the same hash you'll see on a Paint of type=IM...
Read library analytics for a published Figma library. kind picks the entity (component / style / variable) and mode picks the metric family — 'actions...
Read the variable collections, variables, modes, and resolved values defined inside one Figma file (the local-only / unpublished surface). Returns var...
Read the Figma user the credential authenticates as. Returns id, email, handle, and img_url. Use as a low-cost validation probe before exercising team...
Read payment information for a Community resource you own (plugin / widget / file). Two query modes: (1) plugin/widget runtime — pass plugin_payment_t...
List files inside a Figma project. Returns each file's key, name, thumbnail_url, and last_modified. Pass branch_data=true to also receive branch metad...
Read the variables a file has published to its team library (the surface other files consume). Returns variableCollections and variables keyed by thei...
Read color, text, effect, and grid styles. Pass style_key to fetch one style by its global key. Otherwise scope to a file (file_key, defaults to crede...
List the projects (folders) inside a Figma team. team_id defaults to the value stored on the credential — pass team_id to scope to a different team. R...
Read the recent delivery attempts for a webhook. Each row includes request_info (event_type, endpoint, payload, sent_at) and response_info (status, re...
Read webhooks. Pass webhook_id to fetch one webhook (returns id, team_id, event_type, endpoint, status, description, passcode, plan_api_id). Otherwise...
Render specific Figma nodes as image assets. Returns a dict keyed by node id → download URL (valid ~30 days). format=png (default, lossless+alpha) | j...
Create or update dev resources in bulk (max 100 per call). Items without an id are POSTed (create — node_id, name, url all required); items with an id...
Bulk create / update / delete variable collections, variables, modes, and modeValues in one transactional call. The body is Figma's batch envelope — e...
Create or update a webhook. Omit webhook_id to create (POST /v2/webhooks — event_type, endpoint, passcode required; team_id defaults to credential). P...
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 30 tools that AI agents can use through the Model Context Protocol (MCP).
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.
Figma provides 30 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.
Figma uses API Key or One-click sign in. Figma requires credentials. Connect via MCPBundles and authentication is handled automatically.
It can inspect files, nodes, images, components, component sets, styles, variables, comments, projects, webhooks, dev resources, and selected library analytics depending on account plan and credential scope.
Most workflows need a file key, team id, node id, or global library key. File keys come from Figma design or file URLs, and node ids identify specific frames or elements.
Yes. The render workflow can export selected nodes as PNG, JPG, SVG, or PDF, which helps agents inspect visuals and produce engineering notes.
Figma gates capabilities such as variables, webhooks, library analytics, activity logs, and dev resources by workspace plan, scopes, or seat type.
Connect Figma to any MCP client in minutes
https://mcp.mcpbundles.com/bundle/figmaThe link prefills the Add custom connector dialog — you still review the values and click Add, then Connect to complete OAuth.
Figma and paste the MCP URL into Remote MCP server URL.Custom connectors at claude.ai require a paid Claude plan (Pro, Max, Team, or Enterprise).
More collaboration integrations you might like
Google Slides API for reading presentations.
Confluence is a collaborative workspace where teams can create, organize, and share project document...
Google Sheets API for reading spreadsheets and cell ranges.
Slack MCP server for team collaboration and communication. Read and post messages, reply to threads,...
Connect AI to your Zotero reference library. Search items and collections, read metadata and notes, ...
PandaDoc is a document management platform that allows businesses to create, edit, share, and track ...