Convert Figma designs into frontend code that matches your tech stack and style variables. Automatically detects and applies project configurations.
Mozilla Public 2.0
194,485 tools. Last updated 2026-06-11 22:32
"Figma" matching MCP tools:
- 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
- Fetches a Figma prototype and compares it with a screenshot of the generated code page to verify visual similarity.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
- 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
Matching MCP Servers
- FlicenseBquality-maintenanceA Model Context Protocol server that provides access to Figma API functionality, allowing AI assistants like Claude to interact with Figma files, comments, components, and team resources.Last updated181634
- Alicense-qualityCmaintenanceAllow 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 flowsLast updated66MIT
Matching MCP Connectors
Figma MCP Pack
- Figma MCP ServerOAuth
The Figma MCP server brings Figma design context directly into your AI workflow.
- Converts a Figma node URL to a code block by fetching the node and its rendered image from the Figma API.MIT
- Identifies the current viewport mode in Figma Slides, distinguishing between presentation and editing views.MIT
- Compare Figma design tokens with code tokens to detect mismatches, missing items, and divergent values for design-code gap analysis.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 across desktop and browser. Returns file details to help select a file for further operations.MIT
- Retrieve detailed information about multiple Figma nodes by providing their IDs. Note: This tool is deprecated; use 'get_nodes' instead.MIT
- Scan all text nodes within a specified Figma node to extract or process text content.MIT
- Add an annotation label to a Figma node. Use this tool to mark design elements with text notes for feedback or specifications.MIT
- Check the current connection status and statistics for the Figma plugin to verify active integration.MIT
- Retrieves the currently focused slide in Figma Slides. This tool is deprecated; use 'get_current_context' instead.MIT
- Retrieve detailed information about a specific node in a Figma design.MIT
- Retrieve local paint, text, and effect styles from an open Figma file using a file key or Figma URL.MIT
- Fetch components from Figma team libraries to maintain design consistency across projects.MIT
- Export Figma variable collections as CSS custom properties to sync design tokens into your codebase.MIT