Figma

Glama

MCP Servers for Figma

Figma is a collaborative design platform for creating, testing, and shipping better designs from start to finish.

View all MCP Servers

Why 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
f2c-mcp-server
f2c-ai
A
security
A
license
A
quality
f2c-mcp-server
Last updated -
5
351
106
TypeScript
MIT License
Why this server?
Enables task management for Figma design work, tracking design tasks and subtasks within a structured workflow.
TaskFlow MCP
pinkpixel-dev
A
security
A
license
A
quality
A task management server that helps AI assistants break down user requests into manageable tasks and track their completion with user approval steps.
Last updated -
17
54
11
JavaScript
MIT License
Why this server?
Provides tools for interacting with the Figma API, including file data retrieval, file listing, version history, comment management, component and style retrieval, with memory-efficient chunking and pagination capabilities for handling large Figma files.
Figma MCP Server with Chunking
ArchimedesCrypto
A
security
A
license
A
quality
A Model Context Protocol server for interacting with the Figma API that handles large Figma files efficiently through memory-aware chunking and pagination capabilities.
Last updated -
7
2
TypeScript
MIT License
Why 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.
Talk to Figma MCP
sonnylazuardi
A
security
A
license
A
quality
An 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 updated -
19
2,514
3,528
JavaScript
MIT License
Why 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.
figma-mcp
JayZeeDesign
A
security
A
license
A
quality
Allow 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 flows
Last updated -
3
49
Python
MIT License
Why this server?
Allows analyzing Figma file structures by extracting node hierarchies through the Figma API
Figma MCP Server
moonray
A
security
A
license
A
quality
Facilitates the analysis of Figma file structures by extracting node hierarchies, accessible via REST API or MCP protocol.
Last updated -
1
2
TypeScript
MIT License
Why this server?
Retrieves and optimizes design data from Figma files, extracts design tokens (typography and colors), converts design elements to CSS, and generates CSS class names based on design properties.
Gravity Global Figma MCP
nguyenlegravityglobal
A
security
F
license
A
quality
A tool that integrates Figma with Cursor through the Model Context Protocol, allowing users to retrieve, optimize, and convert design data from Figma files into structured CSS and design tokens.
Last updated -
1
JavaScript
Why this server?
Enables AI assistants to interact with Figma files, providing tools for viewing file content, reading and posting comments, replying to comments, and viewing specific nodes in Figma designs.
Figma MCP Server
MatthewDailey
A
security
F
license
A
quality
Enables AI assistants to interact with Figma files through the ModelContextProtocol, allowing viewing, commenting, and analyzing Figma designs directly in chat interfaces.
Last updated -
5
997
173
TypeScript
Why this server?
Provides tools for creating and modifying Figma designs through natural language prompts, including capabilities to create basic design elements, design complete page layouts, and modify existing designs.
Figma MCP Server
xxflux
A
security
F
license
A
quality
A TypeScript server that implements the Model Context Protocol, enabling AI-powered design creation in Figma using natural language prompts through Cursor Agent.
Last updated -
5
997
2
JavaScript
Why this server?
Enables control of the cursor in Figma through verbal commands, allowing users to interact with the design tool using AI-powered voice instructions for a more streamlined design workflow.
Cursor Talk To Figma MCP
toiletmadarchut
A
security
F
license
A
quality
Enables users to control the cursor in Figma through verbal commands using an agentic AI agent, streamlining the design process with a new interaction method.
Last updated -
19
2,514
1
JavaScript
Why 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
Figma MCP Server
TimHolden
A
security
F
license
A
quality
Enables seamless interaction with Figma via the Model Context Protocol, allowing LLM applications to access, manipulate, and track Figma files, components, and variables.
Last updated -
2
106
TypeScript
Why this server?
Provides comprehensive access to Figma's API, enabling file operations, comments management, team/project management, component and style access, and image extraction from Figma designs.
mcp-figma
smithery-ai
A
security
F
license
A
quality
A Model Context Protocol server that provides access to Figma API functionality, allowing AI assistants like Claude to interact with Figma files, comments, components, and team resources.
Last updated -
18
34
1
Why this server?
Provides access to Figma design data via the Figma API, allowing AI-powered coding tools to retrieve file metadata, node information, and design elements for code generation.
Figma MCP Server
GLips
-
security
A
license
-
quality
Enables Cursor to access Figma files through the Model Context Protocol, enhancing its ability to accurately interpret and utilize design data for code generation.
Last updated -
5
38,870
7,815
TypeScript
MIT License
Why this server?
Provides design-to-code conversion capabilities, extracting SVG assets, color variables, and allowing visual comparison between Figma prototypes and project screenshots
feuse-mcp
Panzer-Jack
-
security
A
license
-
quality
An 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 -
167
4
TypeScript
Mozilla Public License 2.0
Why this server?
Allows access to Figma files, components, styles, and various Figma API operations including getting file information, nodes, images, comments, team projects, and more
MCP Toolbox
ai-zerolab
-
security
A
license
-
quality
A comprehensive toolkit that enhances LLM capabilities through the Model Context Protocol, allowing LLMs to interact with external services including command-line operations, file management, Figma integration, and audio processing.
Last updated -
17
Python
Apache 2.0
Why 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.
Talk to Figma MCP
pipethedev
-
security
A
license
-
quality
Allows Cursor AI to communicate with Figma for reading designs and modifying them programmatically through a Model Context Protocol integration.
Last updated -
2,514
JavaScript
MIT License
Why 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.
Cursor Talk to Figma MCP
andreycretsu
-
security
A
license
-
quality
Enables Cursor AI to communicate with Figma for reading designs and modifying them programmatically, allowing users to automate design tasks through natural language.
Last updated -
2,514
JavaScript
MIT License
Why this server?
Integrates with Figma design platform using API key authentication
Claude MCP Servers
drapon
-
security
A
license
-
quality
A toolkit for managing Claude desktop app extension configurations, enabling features like Brave search, file operations, Git/GitHub integration, shell access, web scraping, HTTP requests, AWS documentation search, and Obsidian note management.
Last updated -
1
TypeScript
MIT License
Why this server?
Fetches designs and components from Figma projects using the Figma API and extracts component information for conversion to React.
MCP Figma to React Converter
StudentOfJS
-
security
A
license
-
quality
Converts Figma designs into React components with TypeScript and Tailwind CSS by extracting components from Figma files and transforming them into ready-to-use code.
Last updated -
14
TypeScript
MIT License
Why this server?
Provides complete access to the Figma API, allowing interaction with files, comments, teams, projects, components, styles, webhooks, and library analytics. Enables retrieving file content, managing comments and reactions, accessing design components, and monitoring usage analytics.
mcp-figma
thirdstrandstudio
-
security
A
license
-
quality
Figma MCP with full API functionality
Last updated -
54
16
TypeScript
MIT License
Why this server?
Fetches design data from Figma files and converts it to AI-friendly formats, retrieving layouts, styles, and images for use in code generation.
Figma MCP Server
1yhy
-
security
A
license
-
quality
A Model Context Protocol server that integrates Figma design files with AI coding tools like Cursor, Windsurf, and Cline, allowing AI tools to access and understand Figma design data for generating more accurate code.
Last updated -
124
6
TypeScript
MIT License
Why this server?
Fetches design data from Figma files, frames, or groups, translating layout and styling information to help AI-powered coding tools generate more accurate implementations from Figma designs.
Figma MCP Server
rlagudals95
-
security
A
license
-
quality
Gives AI-powered coding tools like Cursor, Windsurf, and Cline access to Figma design files, enabling more accurate code generation directly from Figma designs.
Last updated -
38,870
TypeScript
MIT License
Why this server?
Enables bidirectional synchronization between development environments and Figma for design system management, including extraction of design tokens, components, icons and images from Figma, and synchronization of React components back to Figma.
MCP Design System Bridge
brunonepomuceno
-
security
F
license
-
quality
Enables bidirectional synchronization between IDEs and Figma for Design System management, allowing developers to generate React components and synchronize design tokens, icons, and components across platforms.
Last updated -
TypeScript
Why this server?
Allows AI assistants to interact with Figma designs through a WebSocket connection, enabling reading document data, analyzing designs, exporting nodes as images, working with components, and viewing annotations and prototype connections.
Figma MCP Server
kdoronin
-
security
F
license
-
quality
A Python implementation of the Model Context Protocol server that enables AI assistants to interact with Figma through WebSocket connections, allowing them to read, analyze, and export design data.
Last updated -
1
JavaScript
Why this server?
Enables pixel-perfect conversion of Figma designs into React applications by processing Figma file data, converting Figma styles to CSS/styled-components, handling image assets and SVG components, and translating Figma auto-layout to Flexbox.
Figma MCP Server
sanjeev23oct
-
security
F
license
-
quality
A bridge between Figma designs and React implementations that enables pixel-perfect conversion of Figma designs into React applications by processing Figma file data into React-friendly format.
Last updated -
997
1
TypeScript
Why this server?
Planned integration for accessing and potentially modifying Figma designs through the MCP server
Country MCP Server
pai-bh
-
security
F
license
-
quality
A tutorial MCP server implementation that provides country information, demonstrating the Model Context Protocol for building AI-powered applications with external service integration capabilities.
Last updated -
Why this server?
Extracts components from Figma designs and transforms them into a standardized JSON format that can be used to reconstruct interfaces programmatically. Supports organizing components into logical sections, normalizing positions, and extracting assets.
FigmaMind MCP Server
joao-loker
-
security
F
license
-
quality
Extracts components from Figma designs and transforms them into standardized JSON format for easy consumption by AI models and tools for interface reconstruction.
Last updated -
TypeScript
Why this server?
Enables creating and manipulating designs in Figma through either a Figma plugin or directly via the Figma API, supporting operations like creating projects, frames, components, layouts, interactions, retrieving file information, and exporting assets.
Claude Figma MCP
tonycueva
-
security
F
license
-
quality
A Model Context Protocol (MCP) server that enables Claude to create and manipulate designs in Figma through either a Figma plugin or directly via the Figma API.
Last updated -
TypeScript
Why this server?
Extracts components from Figma designs and converts them to React Native components with proper typing and styling, maintaining component hierarchy and handling component props.
Figma to React Native MCP
kailashAppDev
-
security
F
license
-
quality
Converts Figma designs to React Native components, allowing users to extract components from Figma designs and generate corresponding React Native components with proper typing and styling.
Last updated -
111
1
TypeScript
Why this server?
Provides integration with Figma's API, enabling file operations (information retrieval, version history, components), comment management (listing, adding, deleting), project and team features (listing projects, getting files, accessing published styles), and webhook management.
Figma MCP Server
deepsuthar496
-
security
F
license
-
quality
A Model Context Protocol server that integrates with Figma's API, allowing interaction with Figma files, comments, components, projects, and webhook management.
Last updated -
997
JavaScript
Why this server?
Allows Cursor AI to communicate with Figma for reading designs and modifying them programmatically, including creating elements (rectangles, frames, text), styling (colors, strokes, corner radius), manipulating layout, working with components, and exporting nodes as images.
Talk to Figma MCP
yhc984
-
security
F
license
-
quality
Enables Cursor AI to interact with Figma designs, allowing users to read design information and programmatically modify elements through natural language commands.
Last updated -
TypeScript
Why this server?
Connects to Figma's API to extract components, styles, and text from designs, analyze design system consistency, manage UI content, and generate development documentation.
Figma MCP Server
mohammeduvaiz
-
security
F
license
-
quality
A Model Context Protocol server that connects AI tools and LLMs to Figma designs, enabling them to extract design data, analyze design systems, and generate development documentation.
Last updated -
TypeScript