Figma MCP Integrations

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

View all MCP Integrations for Figma

Why this server?
Planned integration for Figma to code conversion tool (currently on roadmap).
flowbite-mcp
Code Execution Developer Tools
themesberg
A
security
A
license
A
quality
This MCP server is the official resource of the Flowbite UI framework and enhances development of websites, layouts, and themes using Tailwind CSS
Last updated 5 hours ago
4
3
70
12
MIT License
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
App Automation Developer Tools Content Management Systems
pipethedev
A
security
A
license
A
quality
Allows Cursor AI to communicate with Figma for reading designs and modifying them programmatically through a Model Context Protocol integration.
Last updated 6 months ago
38
1,225
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
Developer Tools Content Management Systems Remote
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 4 months ago
7
3
MIT License
Why this server?
Provides design-to-code conversion from Figma designs to Tailwind CSS components across frameworks
MCP Tailwind Gemini Server
Developer Tools Content Management Systems Web Scraping
Tai-DT
A
security
A
license
A
quality
Advanced 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 updated 4 months ago
10
11
MIT License
Why this server?
Provides tools for exporting images in multiple formats (PNG, JPG, SVG, PDF), extracting detailed style data with CSS generation, analyzing design elements including images and vectors, batch exporting multiple nodes, and retrieving SVG code for vector graphics directly from Figma designs.
Figma MCP Tool
Developer Tools Image & Video Processing Content Management Systems
Echoxiawan
A
security
A
license
A
quality
Enables interaction with Figma designs through the Figma API, allowing users to export images in multiple formats, extract style data and CSS, analyze design elements, and retrieve SVG code from Figma files. Supports batch operations and comprehensive design element analysis including images, vectors, and components.
Last updated 3 months ago
7
8
8
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
Coding Agents Developer Tools Hybrid
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 8 months ago
62
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
Developer Tools Content Management Systems
Panzer-Jack
A
security
A
license
A
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 3 months ago
8
41
36
Mozilla Public License 2.0
Why 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.
Claude Talk to Figma MCP
RAG Systems Developer Tools Autonomous Agents
arinspunk
A
security
A
license
A
quality
Enables Claude Desktop and other AI tools to interact directly with Figma, allowing for powerful AI-assisted design capabilities through natural language commands.
Last updated 4 months ago
43
213
254
MIT License
Why this server?
Enables task management for Figma design work, tracking design tasks and subtasks within a structured workflow.
TaskFlow MCP
Project Management Agent Orchestration Autonomous Agents
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 9 days ago
17
66
24
MIT License