Best Figma MCP Servers
Figma is a collaborative design platform for creating, testing, and shipping better designs from start to finish.
Why this server?
Reads Figma files, extracts design tokens, maps to Tailwind, and pushes variables back to Figma.
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 updated381641MITWhy this server?
Extracts colors, fonts, and logo from Figma files to compile brand identity and design tokens.

@brandsystem/mcpofficial
AlicenseAqualityBmaintenanceEnables 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 updated431186MITWhy this server?
Enables task management for Figma design work, tracking design tasks and subtasks within a structured workflow.
AlicenseAqualityDmaintenanceA task management server that helps AI assistants break down user requests into manageable tasks and track their completion with user approval steps.Last updated2497528MITWhy this server?
Provides full read/write access to Figma files via a plugin bridge, enabling creation and modification of design elements (frames, shapes, text, components), management of design systems (styles, variables, component libraries), prototype interactions, and export capabilities including screenshots, PDFs, and design tokens (JSON/CSS).
AlicenseAqualityBmaintenanceFigma 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.Last updated731,208MITWhy this server?
Enables AI coding assistants to access Figma design data, convert Figma design nodes to high-fidelity HTML/CSS markup, and provide Figma design context to AI coding tools
MITWhy this server?
Connects AI coding agents to a locally open Figma file via a plugin bridge, enabling reading selections, exporting JSON, creating frames and text, and auditing design system heuristics.
AlicenseAqualityBmaintenanceLocal-first MCP server that connects AI coding agents to the currently open Figma file through a local plugin bridge, requiring no Figma API token.Last updated8MITWhy this server?
Allows AI agents to programmatically create, modify, and manage Figma design elements, including frames, shapes, text, styling, effects, layout, components, boolean operations, and export.
AlicenseBqualityDmaintenanceA Model Context Protocol server that enables AI agents to programmatically create, modify, and manage Figma documents via a WebSocket bridge and Figma plugin.Last updated114MITWhy this server?
Enables exporting UI components from Figma designs via REST API, including images and outlines for game UI.
AlicenseBqualityCmaintenanceEnables Claude to control Unity Hub and Editor headlessly, allowing automated game building, asset generation, and PBR texture creation.Last updated94MITWhy 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 updated4119213MIT