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
466,250 tools. Updated 2026-08-19 11:49
"Information about Figma, a design and prototyping tool" matching MCP tools:
- Analyze a Figma prototype and extract structured screen context for UX research. Supply the Figma link and user ID to retrieve page and frame details.MIT
- 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
Matching MCP Servers
- FlicenseAqualityCmaintenanceAn MCP server that provides information about Utkarsh, including bio, skills, work experience, and portfolio projects, accessible via local stdio or remote HTTP with OAuth.6
- 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
Guide user-led frontend design decisions from project brief through implementation review.
- Retrieve complete information about a specific tool, including all details about its input schema and purpose.MIT
- Validate and compile a DSL document into Figma auto-layout frames with text, images, and icons. Supports create, sync, and dry-run modes with optional design brief intake.MIT
- 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
- Retrieve information about the currently selected elements in Figma, including details on layers and properties.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
- Access the mapping rules that convert a Figma tree into React using Ant Design, AG Grid, ApexCharts, and Tailwind CSS.MIT
- Retrieve Figma prototyping reactions from specified nodes to analyze user interactions and prepare data for creating connector lines between design elements.MIT
- Retrieve detailed information about multiple Figma nodes by providing their IDs. Note: This tool is deprecated; use 'get_nodes' instead.MIT