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.
AsecurityAlicenseAqualityDesign 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 updated1207654MITWhy 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).
AsecurityAlicenseBqualityFigma 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 updated258583MITWhy this server?
Allows importing designs from Figma to be automatically converted into functional application code.
AsecurityAlicenseAqualityEnables AI assistants to generate, edit, and deploy production-ready full-stack applications through VULK's automated development pipeline. It supports multi-file code generation, browser verification, and exports to web, PWA, and mobile platforms.Last updated9202MITWhy this server?
Enables Cursor AI to interact with Figma for reading designs and modifying them programmatically, with tools for creating elements, styling, layout management, and component manipulation.
AsecurityAlicenseBqualityAn MCP server integration that enables Cursor AI to communicate with Figma, allowing users to read designs and modify them programmatically through natural language commands.Last updated191,7736,661MITWhy 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.
AsecurityAlicenseAqualityEnables 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?
Allows Claude Desktop and other AI tools to interact directly with Figma, enabling document analysis, element creation (shapes, text, frames), style modifications, text manipulation, and component management for AI-assisted design capabilities.
AsecurityAlicenseBqualityEnables Claude Desktop and other AI tools to interact directly with Figma, allowing for powerful AI-assisted design capabilities through natural language commands.Last updated43733574MITWhy this server?
Enables communication between Cursor AI and Figma, allowing for reading designs and modifying them programmatically. Provides tools for managing document structure, annotations, prototyping, creating and modifying elements, styling, and working with components and styles.
AsecurityAlicenseBqualityEnables Cursor AI to communicate with Figma for reading designs and modifying them programmatically, allowing users to automate design tasks through natural language.Last updated381,7731MITWhy this server?
Enables reading and modifying Figma designs programmatically, with capabilities for document inspection, annotation management, prototyping, element creation, text modification, auto-layout configuration, styling adjustments, component management, and design export.
AsecurityAlicenseBqualityAllows Cursor AI to communicate with Figma for reading designs and modifying them programmatically through a Model Context Protocol integration.Last updated381,7731MITWhy this server?
Provides design-to-code conversion capabilities, extracting SVG assets, color variables, and allowing visual comparison between Figma prototypes and project screenshots
AsecurityAlicenseBqualityAn 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 updated83540Mozilla Public 2.0