Fetches a Figma prototype and compares it with a screenshot of the generated code page to verify visual similarity.
Mozilla Public 2.0
443,687 tools. Updated 2026-08-11 13:50
"Figma" matching MCP tools:
- Converts a Figma node URL to a code block by fetching the node and its rendered image from the Figma API.MIT
- Convert Figma designs into frontend code that matches your tech stack and style variables. Automatically detects and applies project configurations.Mozilla Public 2.0
- Fetches a Figma node and converts it into a code block, enabling AI to generate production-level frontend code from design files.MIT
- Download SVG and PNG images from Figma nodes using node IDs and file key. Control export format with scale and SVG options.Mozilla Public 2.0
- Discover available Figma developer documentation sections including Plugin API, Widget API, REST API, and more to identify specific pages for reading.MIT
Matching MCP Servers
- AlicenseAqualityDmaintenanceAllow your AI coding agents to access Figma files & prototypes directly. You can DM me for any issues / improvements: https://x.com/jasonzhou1993 1. Access all figma pages 2. Access all figma components 3. Access figma prototype flows367MIT
- FlicenseBqualityDmaintenanceExports frames from Figma and uploads them to Google Drive, with automated folder creation.3
Matching MCP Connectors
Figma MCP Pack
- Figma MCP ServerOAuth
The Figma MCP server brings Figma design context directly into your AI workflow.
- Retrieve Figma developer documentation pages by specifying paths to access Plugin, Widget, and REST API content for development tasks.MIT
- Search Figma developer documentation to find specific information across Plugin, Widget, and REST API sections. Get relevant page paths and content excerpts for development queries.MIT
- Push design tokens to Figma as variables, creating or updating variable collections automatically.MIT
- Draw or modify Figma canvas by executing JavaScript code in a sandboxed environment using figma.* proxy. Returns execution results, logs, and warnings.MIT
- Identifies the current viewport mode in Figma Slides, distinguishing between presentation and editing views.MIT
- Retrieve information about the currently selected elements in Figma, including details on layers and properties.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
- Run JavaScript in the Figma plugin main thread to inspect and manipulate the live document, using the Figma API, and return JSON-serializable data without hitting REST API rate limits.MIT
- Check Figma bridge connection status and get diagnostic details including plugin connection, leader/follower mode, port, heartbeat, queue, sessions, and ordered hints for resolving issues.MIT
- Scan all text nodes within a specified Figma node to extract or process text content.MIT
- Retrieve Figma file metadata including name, thumbnail, and page list by providing workspace ID and file key or URL.MIT
- Retrieves the currently focused slide in Figma Slides. This tool is deprecated; use 'get_current_context' instead.MIT
- Check the current connection status and statistics for the Figma plugin to verify active integration.MIT