Audit a Figma or Penpot design export against your contract, recovering screen/state from frame names and reporting missing or unmapped screens and states.
MIT
625,515 tools. Updated 2026-09-30 22:54
"Figma - A Design and Prototyping Tool" matching MCP tools:
- List connected Figma files or trigger a sync to bring design tokens, components, and page structure into Contextium libraries.MIT
- Push design tokens to Figma as variables, creating or updating variable collections automatically.MIT
- Extract design tokens from Figma files and map to Tailwind CSS utilities, updating the shared design context.MIT
- Compare a design against a rendered implementation and get structured discrepancies. Provide a Figma URL, design image, or component description to produce a report of visual differences.MIT
- Compare Figma design tokens with code-side tokens to identify matching, missing, and divergent values. Pinpoint design-code gaps for accurate parity analysis.MIT
Matching MCP Servers
- FlicenseAqualityBmaintenanceCompares Figma frames to live pages, checking colors, fonts, and border radii, and generates a shareable HTML report.6-
- AlicenseBqualityDmaintenanceEnables interaction with Figma designs through the Figma API, allowing users to export images in multiple formats, extract style data and CSS, analyze design elements, and retrieve SVG code from Figma files. Supports batch operations and comprehensive design element analysis including images, vectors, and components.737 npm11MIT
Matching MCP Connectors
Figma MCP Pack
Parse a Figma file URL. Path discarded.
- Create or modify Figma designs programmatically with JavaScript code. Supports design operations, variables, styles, components, and prototyping transitions.MIT
- Run arbitrary Python scripts with full access to the unreal module for prototyping or tasks lacking dedicated tool support.MIT
- Analyze codebases and design user interfaces using Google Gemini's visual understanding and detective capabilities for rapid prototyping and comprehensive analysis.MIT
- Resolve design-tool references like Figma file/node IDs to a registered component, returning 'resolved', 'ambiguous' with candidates, or 'unresolved' when no exact mapping exists.MIT
- Retrieve Figma prototyping reactions from multiple nodes to analyze user interactions and prepare data for creating connector lines in design workflows.-
- Retrieve Figma prototyping reactions from specified nodes to analyze user interactions and prepare data for creating connector lines between design elements.MIT
- Retrieve Figma prototyping reactions from multiple nodes to enable automatic connector line generation.MIT
- Convert screen plans into editable Figma designs with auto-layout and design tokens via generated SVG wireframes and a native Figma plugin.MIT
- Audit Figma variable usage against local design tokens to identify unused tokens, missing definitions, and naming discrepancies, ensuring consistency between designs and token system.MIT
- Convert a Figma file's design system into Penpot, including colors, typography, components, and page structure. Preview with dryRun before writing.MIT
- Retrieves Figma prototyping reactions from specified nodes to generate connector line parameters for creating connections.MIT
- Fetch prototyping reactions from multiple Figma nodes to enable connector line creation.MIT
- Extract and inspect Figma design data—node trees, colors, typography, spacing, and screenshots—to understand existing designs before generating code.MIT
- Apply inline CSS styles to any element using a CSS selector and style properties, enabling live editing and prototyping in the browser.ISC
- Retrieve prototyping reactions from multiple Figma nodes to generate connector parameters for interactive flow mapping.MIT