A
securityF
licenseA
qualityEnables 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
144
133
TypeScript
Provides integration with Figma's API, enabling access to design files, projects, and other Figma resources through the Model Context Protocol
figma-mcp-server
This project runs a Model Context Protocol (MCP) server for Figma integration using the figma-developer-mcp package.
Prerequisites
- Node.js v20 or higher
- A Figma Personal Access Token (API key)
Installation
Install dependencies:
Running the Server
Option 1: Using Podman Compose
This project includes containerization support using Red Hat Universal Base Image (UBI) for both Apple Silicon (ARM64) and Linux (AMD64) architectures.
Prerequisites
- Podman installed
- A Figma Personal Access Token (API key)
Steps
- Create a
.envfile in the project root: - Start the service:
- Stop the service:
Option 2: Using Podman Directly
Building the Container
Using the Build Script
Build with Podman
Running the Container
Option 3: Direct Node.js
You can start the server directly with your Figma API key using the following command:
Replace <YOUR_FIGMA_API_KEY> with your actual Figma Personal Access Token.
Features
- Environment-based configuration: Easy API key management through environment variables
- SSE endpoint: Server-Sent Events available at
http://localhost:3333/sse
This server cannot be installed
hybrid server
The server is able to function both locally and remotely, depending on the configuration or use case.
Enables integration with Figma through the Model Context Protocol, allowing users to interact with Figma designs and files using their Personal Access Token. Provides containerized deployment options and Server-Sent Events endpoint for real-time communication.
Related MCP Servers
- AsecurityFlicenseAqualityA 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 -18622
- AsecurityFlicenseAqualityEnables AI assistants to interact with Figma files through the ModelContextProtocol, allowing viewing, commenting, and analyzing Figma designs directly in chat interfaces.Last updated -51,066195TypeScript
- AsecurityFlicenseAqualityA Model Context Protocol server that integrates with Figma's API, allowing interaction with Figma files, comments, components, projects, and webhook management.Last updated -51,066JavaScript