Best Figma MCP Servers
Figma is a collaborative design platform for creating, testing, and shipping better designs from start to finish.
Why this server?
Extracts colors, fonts, and logo from Figma files to compile brand identity and design tokens.
AlicenseAqualityAmaintenanceEnables extraction of brand identity from websites, Figma, and PDFs, and compiles governance, design tokens, and voice rules into a portable .brand/ directory for consistent brand use across AI tools.Last updated123039MITWhy this server?
Enables syncing Figma designs into a Contextium library, bridging design files with team documentation.
AlicenseBqualityBmaintenanceMCP server for Contextium — pipe team SOPs, coding standards, agents, skills, and workflows directly into Claude, Cursor, and other AI coding assistants.Last updated67MITWhy 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.Last updated381391MITWhy this server?
Allows comparison of Figma design frames against rendered UI components, using the Figma API to export design images and fetch metadata.
AlicenseAqualityAmaintenanceAI design fidelity — compare Figma designs or screenshots against the rendered implementation and get structured discrepancies. Uses your Claude Code or Codex subscription, no API keys.Last updated103MITWhy this server?
Provides design-to-code conversion capabilities, extracting SVG assets, color variables, and allowing visual comparison between Figma prototypes and project screenshots
AlicenseBqualityCmaintenanceAn MCP server that provides utilities for web developers to automate API integration, convert Figma designs to code, and optimize development workflows with tools for asset management and code generation.Last updated85338Mozilla Public 2.0Why this server?
Planned integration for Figma to code conversion tool (currently on roadmap).
AlicenseAqualityDmaintenanceThis MCP server is the official resource of the Flowbite UI framework and enhances development of websites, layouts, and themes using Tailwind CSSLast updated238238MITWhy this server?
Extracts design tokens, components, and styles from Figma files via WebSocket bridge, REST API, or plugin, enabling design system synchronization and code generation workflows.
AlicenseBqualityAmaintenanceDesign system MCP server. 20 tools: extract design tokens from any URL, pull from Figma or Penpot, generate React + shadcn/ui components from specs, run WCAG audits, sync tokens bidirectionally.Last updated4766117MITWhy this server?
Allows federating Figma as a backend through the MCP→backend proxy adapter, exposing Figma's tools via the Cortex Gateway
AlicenseAqualityBmaintenanceA federated MCP gateway that consolidates multiple plain-HTTP backends into a single, OAuth-protected MCP server, enabling agents to access diverse tools through one endpoint with centralized authentication and audit.Last updated59MITWhy this server?
Enables automated export of Figma design assets by extracting images from specified nodes or their children, with support for compression, multiple formats (PNG, JPG, SVG, PDF), custom scaling, and automatic cloud storage upload.
AlicenseAqualityDmaintenanceEnables automated export, compression, and cloud upload of Figma design assets by simply providing Figma links. Supports batch processing of nodes and children, returning structured data with publicly accessible image URLs.Last updated13MIT