"Fig" matching MCP servers:

Enables bidirectional control between Claude Code and Figma with real-time sync, allowing creation and manipulation of design elements, component management, and document inspection through natural language commands.

Provides read-only Figma design data to AI agents via MCP, supporting local .fig files and browser-based figma.com access without plugins or API tokens.

Enables AI agents to read and draw on Figma canvas safely, with built-in safeguards for layout, overlays, and verification.

Bidirectional MCP bridge enabling AI assistants to draw UI on Figma canvas and read designs back as structured data or code tokens via localhost, requiring Figma Desktop.

Enables MCP clients to read design structure, take screenshots, create nodes, and edit UI directly on Figma canvas via a bridge between MCP and Figma Desktop.

Enables interaction with Figma files through intelligent API access, providing navigation, asset extraction, and design token retrieval with 95% token-optimized compact tree output format.

Enables AI agents to read and inspect local Figma .fig files entirely offline, exposing document structure, geometry, styles, text, components, variables, and embedded images via MCP tools.

Extracts SVG icons from Figma and generates React TSX icon components automatically, enabling AI assistants like GitHub Copilot and Claude to manage icon workflows.

Reads a saved Figma .fig file offline and gives coding agents layout, text, variables, assets, renders and frame bundles, with no Figma app, login or API rate limit.

Bridge Figma designs to any platform with structured specs for Unity, React, Flutter, SwiftUI, and more, including layout audit, design tokens, and accessibility checks.

Enables Codex and other MCP clients to read design context from Figma Desktop via a local bridge, providing design tokens, component trees, and screenshots without an API token.

A local MCP server that reads and edits a Figma Design file through a development plugin, creating real editable layers (frames, text, shapes, components, images) rather than flattened screenshots. It runs entirely on loopback with no personal access token, API key, or cloud bridge, letting an agent inspect documents, build and update layers, export previews, and wire up prototype navigation.

A read-only MCP server that extracts actual Figma prototype flows, transitions, and per-screen interactions so agents can see navigational behavior rather than infer it. It reports explicit source and destination IDs with warnings for unresolved or ambiguous destinations, without guessing or writing back to Figma.

Converts Figma designs into production-ready React components with design token extraction, widget registry integration, and micro-frontend module generation.

Converts Figma design data into structured semantic analysis JSON and screenshots for AI agents to use in design-to-code workflows.

Enables Claude to programmatically create and modify Figma animations (keyframes and motion styles) using the Figma Motion API via a plugin bridge.

Enables a live two-way bridge between a running web app and Figma, letting users push app screens into Figma as auto-layout frames and sync edits in both directions—Figma changes update the source code, and code changes update the Figma frames.

Enables agents to read Figma designs through the REST API as normalised, agent-friendly IR with Tailwind themes and CSS variables, render reference PNGs, and verify generated HTML against the original design via visual diff.

Enables Claude AI to extract design information from Figma files and create or update designs via a Figma plugin, supporting both readonly and write modes.

Local-first MCP server that connects AI coding agents to the currently open Figma file through a local plugin bridge, requiring no Figma API token.