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
519,862 tools. Updated 2026-09-06 08:15
"Design and prototyping tool Figma" 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
- Create a Figma design-token scaffold with token rows, component review, style preview metadata, adapter source, and access-token safety notes for TouchDesigner.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
Matching MCP Servers
- FlicenseAqualityBmaintenanceCompares Figma frames to live pages, checking colors, fonts, and border radii, and generates a shareable HTML report.6-
- AlicenseBqualityCmaintenanceEnables 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.72211MIT
Matching MCP Connectors
Figma MCP Pack
- CodeCrafted DesignOAuth
Guide user-led frontend design decisions from project brief through implementation review.
- Pull the full design system from Figma—tokens, components, styles—into the local registry for developer use.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
- Create or modify Figma designs programmatically with JavaScript code. Supports design operations, variables, styles, components, and prototyping transitions.MIT
- Fetch Figma design tokens, components, and styles via REST API without plugins. Ideal for CI/headless workflows using FIGMA_TOKEN and FIGMA_FILE_KEY.MIT
- Generate a design system rule sheet from the current Figma file, aggregating color tokens, typography styles, variables, and components into a single markdown block for AI context.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
- Generates a design system rule sheet from the current Figma file, aggregating color tokens, typography styles, variables, and components into a single markdown block for AI context.MIT
- Retrieve Figma prototyping reactions from specified nodes to analyze user interactions and prepare data for creating connector lines between design elements.MIT
- Fetch prototyping reactions from multiple Figma nodes to enable connector line creation.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.-
- Retrieves Figma prototyping reactions from specified nodes to generate connector line parameters for creating connections.MIT
- Retrieve prototyping reactions from multiple Figma nodes to generate connector parameters for interactive flow mapping.MIT
- Retrieves prototyping reactions from multiple Figma nodes to supply data for generating connector line parameters.MIT