Best Figma MCP Servers
Figma is a collaborative design platform for creating, testing, and shipping better designs from start to finish.
Why this server?
Enables reading Figma designs using a FIGMA_API_KEY.
AlicenseBqualityBmaintenanceA composite MCP gateway that aggregates multiple MCP servers into one endpoint for SDET/QE workflows, with curated tool namespacing, central safety guardrails, and composite tools like API-vs-DB verification.38200 npmMITWhy this server?
Allows analyzing Figma prototypes by extracting screen context from Figma files.
AlicenseAqualityDmaintenanceEnables AI assistants to interact with the Userology UX research platform for creating and managing studies, interview guides, analytics, and more.42MITWhy this server?
Enables syncing Figma designs into a Contextium library, bridging design files with team documentation.
AlicenseBqualityDmaintenanceMCP server for Contextium — pipe team SOPs, coding standards, agents, skills, and workflows directly into Claude, Cursor, and other AI coding assistants.67MITWhy this server?
Provides tools for reading and writing FigJam boards through a local Figma plugin, enabling creation of diagrams, stickies, shapes, text, sections, tables, code blocks, connectors, and editing or arranging nodes, as well as exporting images and focusing the viewport.
AlicenseAqualityAmaintenanceAn MCP server that lets AI agents drive FigJam boards through a local Figma plugin, bypassing API rate limits with 19 tools for reading, writing, and editing FigJam content.41913 npm4MITWhy this server?
Allows comparing a live page against a Figma frame and auditing design tokens against a Figma file (coming soon).

OverlayQA MCPofficial
AlicenseAqualityBmaintenanceEnables AI coding agents to audit web pages for WCAG accessibility and color-contrast issues, and file dev-ready issues directly into OverlayQA projects.9308 npmMITWhy this server?
Imports HTML and Claude Design exports into Figma as editable frames with Auto Layout, text, images, and vector icons. It also builds new Figma screens from a Design System using real component instances, variables, and text styles, scans and audits existing Figma frames, maps Figma components to React components, and supports pixel-faithful imports.
AlicenseAqualityAmaintenanceTurn HTML and Claude Design exports into native, editable Figma frames with Auto Layout and your Design System components, build screens and prototypes from prompts, and implement Figma frames in code with your own React components. Runs locally with Figma desktop (no API keys or cloud): run npx layerwright init, import the plugin in Figma, see the Quickstart in the README.8226MITWhy this server?
Allows importing Figma design exports for auditing against the design contract, and exporting SVG with a manifest for round-trip import.

uxloomofficial
AlicenseAqualityAmaintenanceEnables agents to validate UI designs for missing states, accessibility issues, and journey completeness using state machine modeling.173MITWhy this server?
Reads Figma files, extracts design tokens, maps to Tailwind, and pushes variables back to Figma.

@forgespace/ui-mcpofficial
AlicenseBqualityFmaintenanceEnables AI-driven generation of UI components, full applications, and backend code across multiple frameworks (React, Vue, Angular, Svelte, HTML) with Figma integration and brand identity support.3869 npm2MITWhy this server?
Enables pushing Figma design files (.fig) into Claude Design projects.
AlicenseAqualityBmaintenanceBridges Claude Code with Claude Design, enabling sending design instructions, reading replies, and pulling generated files into the codebase.2344MIT