Converts a Figma node URL to a code block by fetching the node and its rendered image from the Figma API.
MIT
623,848 tools. Updated 2026-09-30 05:08
"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
- 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
- Fetches a Figma prototype and compares it with a screenshot of the generated code page to verify visual similarity.Mozilla Public 2.0
- Lists all available mappings between Figma components and Insider Design System components, helping you identify the correct design system component for any Figma element.-
Matching MCP Servers
- FlicenseAqualityDmaintenanceEnables interaction with Figma files through intelligent API access, providing navigation, asset extraction, and design token retrieval with 95% token-optimized compact tree output format.151-
- AlicenseAqualityAmaintenanceEnables listing top-level frames in a Figma file and fetching a selected frame's rendered PNG, node JSON, and image-fill map into a local output directory.255 npmMIT
Matching MCP Connectors
Figma MCP Pack
- Figma MCP ServerOAuth
The Figma MCP server brings Figma design context directly into your AI workflow.
- Check if a Figma component name maps to a Design System component, validating names before generating code.-
- Map a Figma component name to the matching Design System component with default props, enabling direct translation from design to code.-
- Creates Vue code for a Figma component with specified properties, converting design elements into ready-to-use code for Insider Design System.-
- Parse a Figma file URL. Path discarded.ConnectorNo auth
- Parse a Figma file URL. Path discarded.ConnectorNo auth
- Parse a Figma file URL. Path discarded.ConnectorNo auth
- Parse a Figma file URL. Path discarded.ConnectorNo auth
- Parse a Figma file URL. Path discarded.ConnectorNo auth
- Parse a Figma file URL. Path discarded.ConnectorNo auth
- Parse a Figma file URL. Path discarded.ConnectorNo auth
- Parse a Figma file URL. Path discarded.ConnectorNo auth
- Parse a Figma file URL. Path discarded.ConnectorNo auth
- Parse a Figma file URL. Path discarded.ConnectorNo auth
- Parse a Figma file URL. Path discarded.ConnectorNo auth
- Parse a Figma file URL. Path discarded.ConnectorNo auth