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
505,003 tools. Updated 2026-09-01 21:07
"A platform for collaborative design and prototyping (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
- AlicenseNot gradedqualityDmaintenanceEnables AI agents to remotely operate visual design tools via MCP protocol, with composable architecture for image processing, file operations, and workflow automation.MIT
- 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
Design Feeds MCP.
- 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
- Update design token values locally, with optional immediate push to Figma. Merges new mode values while preserving others.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
- 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
- Validate a generated Figma frame against your design-system bundle. Inspect fonts, colors, spacing, dimensions, and other specs to catch errors before handoff.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.