Figma MCP Server
by TimHolden
A Model Context Protocol (MCP) server that provides integration with Figma's API through Claude and other MCP-compatible clients. It currently supports read-only access to Figma files and projects.
Last updated: N/A
What is Figma MCP Server?
Figma MCP Server is a server that acts as a bridge between Figma's API and MCP-compatible clients like Claude, enabling interaction with Figma files and projects. It leverages the Model Context Protocol to facilitate communication and data exchange.
How to use Figma MCP Server?
- Install Node.js 18.x or higher. 2. Obtain a Figma access token. 3. Install the server using
npm install figma-mcp-server. 4. Configure the server using a.envfile. 5. Start the server usingnode dist/index.jsor integrate with Claude Desktop by configuring theclaude_desktop_config.jsonfile with the server's path and token.
Key features of Figma MCP Server
Secure authentication with Figma API
File operations (read, list)
Design system management (variable and theme creation/management)
Performance optimized (LRU caching, rate limit handling, connection pooling)
Comprehensive monitoring (health checks, usage statistics, error tracking)
Use cases of Figma MCP Server
Integrating Figma data into Claude for AI-assisted design workflows
Automating design token management across different platforms
Building custom design system tools and integrations
Programmatically accessing and analyzing Figma file data
FAQ from Figma MCP Server
What is MCP?
What is MCP?
MCP stands for Model Context Protocol. It's a protocol that allows different applications to communicate and share data models.
What Figma API features are currently supported?
What Figma API features are currently supported?
Currently, the server primarily supports read-only operations such as retrieving file details and listing files in a project.
How do I configure the server for Claude Desktop?
How do I configure the server for Claude Desktop?
You need to update the claude_desktop_config.json file with the server's command, arguments (path to dist/index.js), and environment variables (Figma access token). Use absolute paths and restart Claude Desktop after making changes.
What are the prerequisites for running the server?
What are the prerequisites for running the server?
You need Node.js 18.x or higher, a Figma access token with appropriate permissions, and a basic understanding of MCP.
What do I do if I encounter JSON connection errors with Claude Desktop?
What do I do if I encounter JSON connection errors with Claude Desktop?
Ensure you are using absolute paths in the Claude Desktop configuration, the server is built (npm run build), and all environment variables are set correctly. Check the Claude Desktop logs for more details.