Analyze a Figma prototype and extract structured screen context for UX research. Supply the Figma link and user ID to retrieve page and frame details.
MIT
605,722 tools. Updated 2026-09-24 03:23
"How to use Figma" matching MCP tools:
- Convert Figma designs into frontend code that matches your tech stack and style variables. Automatically detects and applies project configurations.Mozilla Public 2.0
- Push design tokens to Figma as variables, creating or updating variable collections automatically.MIT
- Checks Figma WebSocket bridge health before using Figma tools. Returns status, connected clients, latency, and uptime to prevent failed operations.MIT
- Reply to an existing comment thread in a Figma file by supplying the file URL, thread ID, and reply text.MIT
- Check if the Figma plugin is connected. Does not start the server; use start_session first.MIT
Matching MCP Servers
- AlicenseAqualityCmaintenanceConverts a Figma file into a React project using Ant Design, AG Grid, ApexCharts, and Tailwind CSS, with optional export of mobile screens as a React Native (Expo) app.725 npmMIT
- AlicenseAqualityDmaintenanceExtracts SVG icons from Figma and generates React TSX icon components automatically, enabling AI assistants like GitHub Copilot and Claude to manage icon workflows.22 npm1MIT
Matching MCP Connectors
Figma MCP Pack
- Figma MCP ServerOAuth
The Figma MCP server brings Figma design context directly into your AI workflow.
- Pull the full design system from Figma—tokens, components, styles—into the local registry for developer use.MIT
- Map a Figma, DTCG, or Tokens Studio token name to the corresponding CSS custom property. Check how a token path resolves before building a theme.MIT
- Identifies the current viewport mode in Figma Slides, distinguishing between presentation and editing views.MIT
- Check the Figma plugin bridge connection status. Use this to confirm the plugin is running before other tools.MIT
- Check the current status of Plumb integration: view available data paths (Figma plugin or REST token), number of screens detected, compact-key legend for PDS responses, and token budget. No Figma access required.MIT
- Retrieve information about the currently selected elements in Figma, including details on layers and properties.MIT
- Read a .fig file from disk to list all screens across every page. Use it to inspect or implement screens without opening Figma, requiring no plugin pairing or token.MIT
- List all currently connected Figma/FigJam plugin instances (Figma Desktop, FigJam browser, Figma browser). Returns fileKey, fileName, and connection time for each. Use when multiple windows or agents are active.MIT
- Start the WebSocket server and wait for the Figma plugin to connect. Returns connection status and instructions to establish a live slide editing session.MIT
- Discover available Figma developer documentation sections including Plugin API, Widget API, REST API, and more to identify specific pages for reading.MIT
- Detect the Figma file currently open in the Figma desktop app and retrieve its fileKey, nodeId, and instructions for further actions.MIT
- Retrieve the SKILL.md instruction manual and file structure of an installed skill to understand how to use it after installation.MIT
- Select multiple nodes in Figma and scroll the viewport to bring them into view.MIT
- Select multiple Figma nodes and scroll the viewport to show them.MIT
- Select multiple nodes in Figma and scroll the viewport to bring them into view.MIT