Provides an MCP-compatible bridge for Figma events with SSE updates using a Figma API key.
Configuration
View docs{
"mcpServers": {
"bbalakriz-figma-mcp-server": {
"command": "npx",
"args": [
"figma-developer-mcp",
"--figma-api-key",
"<YOUR_FIGMA_API_KEY>"
],
"env": {
"FIGMA_API_KEY": "YOUR_FIGMA_API_KEY"
}
}
}
}You run a Model Context Protocol (MCP) server to bridge your design tool with a context-aware model pipeline. This server lets you supply a Figma API key and exposes a lightweight endpoint to deliver real-time context events to MCP clients, enabling dynamic collaboration and synchronization across tools.
You can run the MCP server in two main ways: directly with Node.js using npx, or as a containerized service via Podman. The server provides a Server-Sent Events (SSE) endpoint at the standard port and path so your MCP client can subscribe to updates and react to changes in near real time. Use the Figma Personal Access Token to authenticate requests.
To start quickly from your development environment, use the direct Node.js approach. You supply your Figma API key as a parameter when you start the server.
npx figma-developer-mcp --figma-api-key <YOUR_FIGMA_API_KEY>Prerequisites you must have before starting:
Step-by-step commands to set up and run the server using Node.js directly:
npm install
npx figma-developer-mcp --figma-api-key <YOUR_FIGMA_API_KEY>If you prefer containerized deployment, you can run the server with Podman Compose or Podman directly, using the Figma API key as an environment variable. The SSE endpoint remains available at http://localhost:3333/sse when the server is running.
Server-Sent Events endpoint at http://localhost:3333/sse that delivers real-time updates to MCP clients.