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
458,158 tools. Updated 2026-08-14 23:05
"Design and prototyping software - Figma" matching MCP tools:
- 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
- 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
- Pull the full design system from Figma—tokens, components, styles—into the local registry for developer use.MIT
Matching MCP Servers
- AlicenseAqualityAmaintenanceProvides software design guidance via MCP, including SOLID principles, design patterns, pattern scaffolding, and heuristic code-smell detection to help review and refactor code.480MIT
- Alicense-qualityCmaintenanceEnables visual drag-and-drop editing of Mermaid diagrams through Claude, allowing iterative refinement of software architecture designs.6MIT
Matching MCP Connectors
Figma MCP Pack
Guide user-led frontend design decisions from project brief through implementation review.
- 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
- Analyze codebases and design user interfaces using Google Gemini's visual understanding and detective capabilities for rapid prototyping and comprehensive analysis.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
- 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
- Browse software-design concepts by category. Filter by kind—principles, SOLID, OOP, or patterns—and view each concept's summary.MIT
- Retrieves prototyping reactions from multiple Figma nodes to supply data for generating connector line parameters.MIT
- Retrieves reaction data from specified Figma nodes for mapping prototyping interactions into connector lines.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