Validate a design plan against your cached design system without touching Figma. Returns a plan ID and summary, or errors with suggestions to fix and preview again.
MIT
639,568 tools. Updated 2026-10-05 04:41
"Figma – Collaborative Design and Prototyping Tool" matching MCP tools:
- Scan React/Next codebases for exported UI components, Tailwind/shadcn signals, and Figma↔code name mappings so you can reuse existing components before building a Figma design.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
- FlicenseNot gradedqualityDmaintenanceEnables multi-AI collaborative analysis by proxying requests to existing login-based MCP servers (Gemini CLI and Codex CLI) from Claude Desktop or Claude Code.-
- FlicenseAqualityBmaintenanceCompares Figma frames to live pages, checking colors, fonts, and border radii, and generates a shareable HTML report.6-
Matching MCP Connectors
Figma MCP Pack
- Better DesignOAuth
A design harness for AI coding agents: design systems, design principles, icons and UI review.
- 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
- Convert a Figma frame into the design spec designfit_validate expects. Provide a Figma link or fileKey plus nodeId, or paste raw node data; returns design, componentMap, and viewport.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 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
- Retrieve a Huly document's title and full content by ID. Access content stored in a collaborative blob that is only available through this tool.AGPL 3.0
- 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