"Figma design tool and resources" matching MCP servers:

MCP server providing 51 design skills covering product thinking, UX, visual design, Figma, frontend, motion, branding, and portfolio storytelling, accessible via tools and resources.

A read-only MCP server for reading and analyzing Lanhu (Blue Lake) design projects, providing tools to retrieve design lists, previews, node trees, schemas, and exportable resources.

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.

The pixel-diff verifier for Figma-to-code: converts a frame to HTML, React, Next.js or Tailwind with design tokens, then renders it and pixel-diffs it against Figma until it converges. Also verifies your own running app.

Converts a Figma file into a React project using Ant Design, AG Grid, ApexCharts, and Tailwind CSS, with optional export of mobile screens as a React Native (Expo) app.

Provides comprehensive UI design assistance tools for LLMs, generating color palettes, typography, spacing systems, shadows, design tokens, and more via the MCP protocol.

Compares Figma frames to live pages, checking colors, fonts, and border radii, and generates a shareable HTML report.

Pull a Figma frame once, then let Claude Code, Codex or any MCP agent read it offline with no rate limits. Six read-only tools serve the normalized node tree, design tokens and locally built SVG icons from a vault you can commit, so teammates need no Figma token.

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.

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 Google Antigravity IDE and any MCP client to connect to Figma Remote MCP with native canvas write access, bypassing the Figma client whitelist and using 1-click browser OAuth.

Maps design components, tokens, and patterns to their code implementations, providing AI coding agents with exact-match resolution across any design tool and framework. Enables agents to reliably discover and reuse existing components across React, Vue, Flutter, SwiftUI, and more.

Exposes iDRAC design-system knowledge via a single get_component tool, currently returning placeholder data for known components.

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.

Read, create, and modify Figma designs programmatically via MCP, empowering AI to execute Figma changes safer, cleaner, and faster.

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.

Token-optimized AST pruner for Figma specs.

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.

Converts Figma designs (frames, components, instances) into inspectable packets and static Unity UGUI YAML prefabs via the Figma REST API, enabling direct design-to-Unity asset generation.

Figma MCP server with full read/write access via plugin bridge — no API token, no rate limits. 58 tools for design automation: styles, variables, components, prototypes, and content.

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.

MCP server for downloading images from Figma designs using access tokens. Supports multiple export formats and scale factors via a single tool.