mcp server
Figma (Framelink)
Gives agents Figma file layout and style data so they can build code that matches a design.
Set up
Runs on your computer. Pick your agent and operating system.
Before you start
- Node.js 20 or newer
{
"mcpServers": {
"figma": {
"command": "npx",
"args": [
"-y",
"figma-developer-mcp"
],
"env": {
"FIGMA_API_KEY": "<your FIGMA_API_KEY>"
}
}
}
}same format Cursor, GitHub Copilot CLI, Junie, JetBrains AI Assistant, Augment (Auggie CLI), Factory Droid, Kiro, Devin CLI +12
Values in angle brackets are placeholders. Restart Claude Desktop after editing its config.Claude Desktop docs
README
synced Oct 13, 2026Figma (Framelink)
Gives agents Figma file layout and style data so they can build code that matches a design.
Install
npx -y figma-developer-mcp
Configuration
| Variable | Required | Description |
|---|---|---|
FIGMA_API_KEY | Yes | Figma personal access token |
About this listing
Details were gathered from the project's public pages on 2026-10-13 and have not been reviewed by a person yet. Read the project's own documentation before giving it access to anything sensitive.
Sources: