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 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?
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 updated123779MITWhy 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 updated382012MITWhy 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 integration with Figma's API for read-only access to Figma files and projects, with architecture supporting design token and theme management features
AlicenseBqualityDmaintenanceEnables seamless interaction with Figma via the Model Context Protocol, allowing LLM applications to access, manipulate, and track Figma files, components, and variables.Last updated21,819150MITWhy 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 updated13MITWhy this server?
Provides tools for reading, creating, and modifying Figma designs, including nodes, styles, components, variables, auto layout, text, and exports.
AlicenseAqualityAmaintenanceRead, create, and modify Figma designs programmatically via MCP, empowering AI to execute Figma changes safer, cleaner, and faster.Last updated46989MITWhy this server?
Supports Tailwind design system integration with Figma for UI component design and prototyping
AlicenseBqualityCmaintenanceAn 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 updated69932MITWhy this server?
Provides tools to look up what SDKs and dependencies Figma uses, enabling detailed analysis of its technology stack and dependencies.
AlicenseAqualityDmaintenanceTechnographics for desktop apps (like builtwith.com)Last updated4303MIT