Figma MCP server

Connect Figma to Claude, ChatGPT, Cursor, Claude Code, Codex, Gemini, GitHub Copilot and any other MCP client, for your whole team. Metorial adds security, governance, and tracing, and gives everyone one Magic MCP URL to connect.

What you can do with the Figma MCP server

Ask your agent in plain language. Each of these maps to a real tool on the server.

  • Use the delete dev resource tool in Figma
  • Use the list team projects tool in Figma
  • Use the get dev resources tool in Figma
  • Use the get file versions tool in Figma
  • Use the list project files tool in Figma
  • Use the create dev resources tool in Figma

Supported Tools

delete_dev_resource

Delete Dev Resource

Remove a developer resource from a Figma file node.

list_team_projects

List Team Projects

List all projects within a Figma team. Returns project names and IDs that can be used to browse files within each project.

get_dev_resources

Get Dev Resources

Retrieve developer resources attached to nodes in a Figma file. Dev resources are URLs shown in Dev Mode that link to code, documentation, or other developer resources.

get_file_versions

Get File Versions

Retrieve the version history of a Figma file. Each version includes a label, description, timestamp, and the user who created it. Supports pagination.

list_project_files

List Project Files

List all files within a Figma project. Returns file metadata including name, last modified date, and thumbnail URL.

create_dev_resources

Create Dev Resources

Attach developer resource URLs to nodes in Figma files. Supports creating multiple dev resources in one request across different files and nodes.

get_styles

Get Styles

Retrieve published styles from a Figma team or file. Returns style metadata including name, description, type (FILL, TEXT, EFFECT, GRID), and thumbnail.

get_components

Get Components

Retrieve published components from a Figma team or file. Returns component metadata including name, description, key, thumbnail, and containing frame. Use team-level for browsing the design system, or file-level for a specific file's components.

update_variables

Update Variables

Create, update, or delete variables and variable collections in a Figma file. Supports batch operations on variable collections, variables, and variable modes. Enterprise plans only.

list_comments

List Comments

Retrieve all comments on a Figma file, including replies and resolution status.

delete_comment

Delete Comment

Delete a comment from a Figma file. Only the comment author or file owner can delete comments.

get_file

Get File

Retrieve a Figma file's structure, layers, and metadata. Returns the full JSON tree of nodes with properties like dimensions, colors, text, and effects. Optionally request specific nodes by ID or limit traversal depth.

post_comment

Post Comment

Add a new comment or reply to an existing comment on a Figma file. Optionally pin the comment to a specific location or node.

export_images

Export Images

Render specific nodes from a Figma file as images. Returns download URLs for each requested node in PNG, SVG, JPG, or PDF format. URLs expire after 14 days.

get_variables

Get Variables

Retrieve variables and variable collections from a Figma file. Variables store reusable values for design properties like colors, spacing, and typography. Supports both local (all variables) and published (library-shared) variables. Enterprise plans only.

get_image_fills

Get Image Fills

Retrieve download URLs for all images used as fills in a Figma file. This returns URLs for user-uploaded images, not rendered node exports. URLs expire after 14 days.

get_current_user

Get Current User

Retrieve the currently authenticated Figma user's profile, including name, email, and avatar.

Connect Figma to your AI client

Every client uses the same Magic MCP URL, and so does any other MCP client. Add it once and sign in with SSO.

  1. Enable Figma in Metorial. In your Metorial portal, enable the Figma MCP server and sign in with the account that owns the data. Access stays governed by your team policies.
  2. Add a custom connector. Open Customize, then Connectors. Select Add, then Custom, then Web.
  3. Paste your Metorial MCP URL. Name it Metorial, paste your Magic MCP URL (<your-magic-mcp-url>) and continue.
  4. Sign in. Select Add and sign in to load Figma tools.

Run Figma through the Metorial gateway

One governed layer for every app your agents reach, not a separate connector per tool.

  • Give Figma and every other app to your whole team through one MCP gateway, behind your SSO.
  • Scope which teams and agents can use Figma tools with role-based access control, and trace every call.
  • Prefer to run it yourself? Metorial is open source and self-hostable.

More integrations teams use with Figma

Notion

Create, read, update, and archive pages and databases in a Notion workspace. Manage blocks (paragraphs, lists, headings, embeds, etc.) within pages. Query databases with filters and sorts across rich property types including text, numbers, dates, selects, relations, and formulas. Search across pages and databases by title. Add and read comments on pages and blocks. Upload files to pages. Manage workspace users and retrieve user profiles.

Google Sheets

Create, read, and update spreadsheets and their cell data. Read and write values to individual cells, ranges, or multiple ranges using A1 notation or named ranges. Apply cell formatting including text styles, backgrounds, borders, number formats, and conditional formatting. Manage sheets (tabs) within a spreadsheet—add, delete, copy, rename, and reorder them. Create and manage embedded charts, pivot tables, filter views, data validation rules, protected ranges, named ranges, and merged cells. Perform batch operations to apply multiple updates atomically.

Slack

Slack: connect with bot OAuth or user OAuth to work with messages, conversations, search, files, Canvases, Lists, profiles, reactions, reminders, and workspace productivity settings.

Sharepoint

Manage SharePoint sites, document libraries, lists, and files. Create, read, update, and delete lists and list items with custom columns. Resolve site users to numeric Person/Group LookupId values. Upload, download, move, copy, and version files in document libraries. Search across sites, files, folders, lists, and list items using Microsoft Search. Manage permissions at site, list, and item levels with granular access control. Define and manage content types and site columns. Retrieve site properties and search for sites across Microsoft 365.

Microsoft Outlook

Send, read, reply to, forward, and manage email messages in user mailboxes. Organize messages into folders, apply categories, flags, and importance levels. Manage file and item attachments. Create, update, delete, and respond to calendar events and meetings. Find available meeting times, manage attendees, handle recurrence, and work with shared or delegated calendars. Create, read, update, and delete contacts, organize them into contact folders, and manage contact photos. Manage tasks and task lists via Microsoft To Do, including due dates, reminders, recurrence, and checklist items. Support for Focused Inbox, @-mentions, mail tips, send-on-behalf, and send-as capabilities.

Gmail

Send, read, and search email messages with support for recipients, attachments, and HTML content. Create, update, and send drafts. Manage conversation threads and organize messages with labels. Search mailboxes using Gmail query syntax (from, to, subject, date, attachment filters). Manage filters and vacation responders, update the primary address's display name and signature, and view send-as aliases, forwarding addresses, and auto-forwarding status. Import and insert messages for migration.

Technical notes for Figma

Access and inspect Figma design files, including full node trees, layers, properties, and metadata. Export file nodes as PNG, SVG, JPG, or PDF images. Read, create, and delete comments and reactions on files. Manage file version history. List team projects and project files. Retrieve published components, component sets, and styles from team libraries. Create, update, and delete variables and variable collections (Enterprise). Manage dev resources attached to file nodes. Retrieve library analytics and design system usage data (Enterprise). Read organization activity logs and discovery text events (Enterprise). Configure webhooks to receive notifications for file updates, deletions, version changes, comments, library publishes, and dev mode status changes.

Frequently asked questions

Common questions about connecting Figma to AI agents with Metorial.

  1. How many tools does the Figma MCP server have?
    The Figma MCP server exposes 17 tools, including Delete Dev Resource, List Team Projects, Get Dev Resources. Each one is governed and traced through Metorial.
  2. Figma exposes tools your agents call on demand; it does not publish event triggers yet. Everything still runs through one governed MCP URL.
  3. Any MCP client, including VS Code, Windsurf, Zed, OpenCode and Grok. Each one reaches the Figma MCP server through the same Metorial URL.
  4. Use role-based access control to decide which teams, users, and agents can use Figma and which of its tools they can call.
  5. Yes. Metorial is open source, so you can run the Figma MCP server yourself or use the hosted gateway.

Connect Figma to production AI agents

See how Metorial gives your team governed access to Figma, with tracing and security controls built in.