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 -
194
142
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:
npm install
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:FIGMA_API_KEY=your_figma_personal_access_token_hereStart the service:
podman-compose up -dStop the service:
podman-compose down
Option 2: Using Podman Directly
Building the Container
Using the Build Script
./build-container.sh
Build with Podman
# For current architecture
podman build -t quay.io/balki404/figma-mcp-server:1.0 .
# For specific architecture
podman build --platform linux/amd64 -t fquay.io/balki404/figma-mcp-server:1.0-amd64 .
podman build --platform linux/arm64 -t quay.io/balki404/figma-mcp-server:1.0-arm64 .
Running the Container
# Run with environment variable
podman run -e FIGMA_API_KEY=your_figma_api_key_here quay.io/balki404/figma-mcp-server:1.0-arm64
# Run in detached mode with port mapping
podman run -d --name figma-mcp -p 3333:3333 -e FIGMA_API_KEY=your_figma_api_key_here quay.io/balki404/figma-mcp-server:1.0-arm64
# Run with restart policy and port mapping
podman run -d --restart=unless-stopped --name figma-mcp -p 3333:3333 -e FIGMA_API_KEY=your_figma_api_key_here quay.io/balki404/figma-mcp-server:1.0-arm64
Option 3: Direct Node.js
You can start the server directly with your Figma API key using the following command:
npx figma-developer-mcp --figma-api-key <YOUR_FIGMA_API_KEY>
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
Related Resources
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 -184174
- AsecurityFlicenseAqualityEnables AI assistants to interact with Figma files through the ModelContextProtocol, allowing viewing, commenting, and analyzing Figma designs directly in chat interfaces.Last updated -5616206
- AsecurityFlicenseAqualityA Model Context Protocol server that integrates with Figma's API, allowing interaction with Figma files, comments, components, projects, and webhook management.Last updated -5616