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 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 updated403612MITWhy 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.
AlicenseBqualityCmaintenanceA 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?
Provides design-to-code conversion from Figma designs to Tailwind CSS components across frameworks
AlicenseBqualityDmaintenanceAdvanced Model Context Protocol server that integrates Gemini AI with Tailwind CSS, providing intelligent component generation, class optimization, and cross-platform design assistance across major development environments.Last updated1011MITWhy this server?
Supports Tailwind design system integration with Figma for UI component design and prototyping
AlicenseBqualityBmaintenanceAn AI-powered Tailwind builder that helps developers create, inspire, and refactor UI components directly within their IDE, supporting popular frameworks like React, Next.js, Vue, and Svelte.Last updated65732MITWhy this server?
Extracts brand identity from Figma design files with higher accuracy through a two-phase process (plan then ingest) to compile structured design tokens and policies.
AlicenseAqualityCmaintenanceMake your brand machine-readable. Extract identity from any website or PDF, compile into DTCG tokens and runtime contracts, govern brand compliance. 36 tools across 4 sessions.Last updated43743MITWhy this server?
Translates HTML into Figma designs using published components and design tokens, builds UI from descriptions directly in Figma files, and intelligently manages Figma API read limits through caching and learning patterns.
Why this server?
Fetches comments from Figma files, including unresolved, recent, and threads mentioning the user, and allows replying to threads. Supports filtering by page, author, or keyword search, and provides a triage skill to sort comments by decisions, questions, blocked threads, and to-dos.
AlicenseAqualityBmaintenanceMCP server that fetches and replies to Figma file comments, with filtering and a triage skill to organize them into decisions, questions, and to-dos.Last updated5MITWhy this server?
Scans Figma files to extract design tokens and components, reconciles conflicts with other sources, and includes them in the authoritative design contract.
AlicenseAqualityBmaintenanceDesign contract layer for AI agents. Scans Figma, code, Storybook, and token files, reconciles conflicts, and serves a single machine-readable source of truth so every agent gets the same authoritative design rules before it builds. Local-first.Last updated62616MITWhy this server?
Provides compact plain-text context from Figma design nodes, reducing token usage for LLM agents while preserving implementation-critical facts like layout, typography, assets, and metadata.
AlicenseBqualityBmaintenanceConverts Figma to Markdown. Strips out visual noise to drastically reduce LLM token consumption.Last updated142MIT