Best Figma MCP Servers
Figma is a collaborative design platform for creating, testing, and shipping better designs from start to finish.
Why 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 updated 2 days ago258393MITWhy this server?
Provides tools for interacting with Figma's internal APIs to manage design files and assets through the browser.
AsecurityAlicenseAqualityOpen-source MCP server that gives AI agents access to 100+ web applications through the user's authenticated browser session. No API keys, no screenshots, no DOM scraping — talks directly to web app internal APIs via a Chrome extension. Supports Slack, Discord, GitHub, Jira, Notion, Reddit, X, and 100+ more services with ~2,000 tools. Works with Claude Code, Cursor, Windsurf, and any MCP client.Last updated 13 hours ago42293MITWhy 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?
Generates Figma Variables JSON format from custom themes, allowing design tokens to be exported and used in Figma design files.
AsecurityAlicense-qualityEnables LLMs to work with the Optics Design System, providing access to 83 design tokens (HSL-based colors, spacing, typography), 24 components with dependencies, and tools for theme generation, accessibility checking, and code scaffolding.Last updated 14 days ago144MITWhy this server?
Allows participants to view and interact with Figma prototypes as visual stimuli during AI-led user interviews by embedding prototype URLs directly into the study.
AsecurityAlicense-qualityRun real user interviews from AI agents and retrieve structured insights with themes and verbatim quotes.Last updated a month ago5165MITWhy this server?
Allows AI coding agents to access Figma files and prototypes directly, providing capabilities to retrieve components, specific nodes, and workflow connections from Figma designs using the Figma API.
AsecurityAlicense-qualityAllow your AI coding agents to access Figma files & prototypes directly. You can DM me for any issues / improvements: https://x.com/jasonzhou1993 1. Access all figma pages 2. Access all figma components 3. Access figma prototype flowsLast updated a year ago65MITWhy 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.
AsecurityAlicense-qualityEnables Cursor AI to communicate with Figma for reading designs and modifying them programmatically, allowing users to automate design tasks through natural language.Last updated 10 months ago382,1401MITWhy 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.
AsecurityAlicense-qualityAllows Cursor AI to communicate with Figma for reading designs and modifying them programmatically through a Model Context Protocol integration.Last updated 10 months ago382,1401MITWhy this server?
Provides design-to-code conversion capabilities, extracting SVG assets, color variables, and allowing visual comparison between Figma prototypes and project screenshots
AsecurityAlicense-qualityAn 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 updated 7 months ago85640Mozilla Public 2.0