Fetches design context for a Figma node, returning reference code, assets, screenshot, and variables for Flutter, HTML, or React design-to-code workflows.
MIT
682,084 tools. Updated 2026-10-20 17:31
"Information about Figma, a design and prototyping tool" 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
- Retrieve detailed information about any TigerGraph tool, including capabilities, usage examples, prerequisites, and related tools. Use it to understand how to apply a tool effectively.Apache 2.0
- 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
- Convert HTML pages or folders into an editable Design Plan with Auto Layout, styles, and design system components, returning a planId for later execution in Figma.MIT
- List connected Figma files or trigger a sync to bring design tokens, components, and page structure into Contextium libraries.MIT
Matching MCP Servers
- AlicenseAqualityDmaintenanceAn MCP server that provides information about Utkarsh, including bio, skills, work experience, and portfolio projects, accessible via local stdio or remote HTTP with OAuth.6MIT
- 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
About Bureau, the self-hosted office for AI agents: overview, FAQ search, roadmap, install.
- 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
- Retrieve complete information about a specific tool, including all details about its input schema and purpose.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
- 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
- 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
- Read a Figma design from a URL or file key through the Figma REST API, returning a code-oriented spec for a selected node or a file outline to choose frames.MIT
- Retrieve detailed information about multiple Figma nodes by providing their IDs. Note: This tool is deprecated; use 'get_nodes' instead.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.-
- 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