Verified
Figma-Context-MCP
MCP server to provide Figma layout information to AI coding agents like Cursor
Install this MCP
Pick your client, then copy the config.
{
"mcpServers": {
"Framelink MCP for Figma": {
"command": "npx",
"args": [
"-y",
"figma-developer-mcp",
"--figma-api-key=YOUR-KEY",
"--stdio"
]
}
}
}{
"mcpServers": {
"Framelink MCP for Figma": {
"command": "npx",
"args": [
"-y",
"figma-developer-mcp",
"--figma-api-key=YOUR-KEY",
"--stdio"
]
}
}
}{
"servers": {
"Framelink MCP for Figma": {
"command": "npx",
"args": [
"-y",
"figma-developer-mcp",
"--figma-api-key=YOUR-KEY",
"--stdio"
]
}
}
}{
"mcpServers": {
"Framelink MCP for Figma": {
"command": "npx",
"args": [
"-y",
"figma-developer-mcp",
"--figma-api-key=YOUR-KEY",
"--stdio"
]
}
}
}# Add to ~/.codex/config.toml (or .codex/config.toml in a trusted project) [mcp_servers.Framelink-MCP-for-Figma] command = "npx" args = ["-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]
Set up with your agent
Uses the same client as above (Cursor). Paste into that agent.
Install the "Figma-Context-MCP" MCP for Cursor in this workspace.
1. Read official install docs: https://github.com/GLips/Figma-Context-MCP
2. Merge this JSON into .cursor/mcp.json (project) or ~/.cursor/mcp.json (global):
{
"mcpServers": {
"Framelink MCP for Figma": {
"command": "npx",
"args": [
"-y",
"figma-developer-mcp",
"--figma-api-key=YOUR-KEY",
"--stdio"
]
}
}
}
3. Required environment variables / secrets (ask the user; never invent secrets):
- FIGMA_API_KEY (required): See repository README.
4. Restart Cursor if needed, then run a smoke test (list tools or one safe call). Confirm with the user before writing secrets.
Catalog: https://averlo.xyz/launches/figma-context.htmlInstall the "Figma-Context-MCP" MCP for Claude Desktop in this workspace.
1. Read official install docs: https://github.com/GLips/Figma-Context-MCP
2. Merge this JSON into ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows):
{
"mcpServers": {
"Framelink MCP for Figma": {
"command": "npx",
"args": [
"-y",
"figma-developer-mcp",
"--figma-api-key=YOUR-KEY",
"--stdio"
]
}
}
}
3. Required environment variables / secrets (ask the user; never invent secrets):
- FIGMA_API_KEY (required): See repository README.
4. Restart Claude Desktop if needed, then run a smoke test (list tools or one safe call). Confirm with the user before writing secrets.
Catalog: https://averlo.xyz/launches/figma-context.htmlInstall the "Figma-Context-MCP" MCP for VS Code in this workspace.
1. Read official install docs: https://github.com/GLips/Figma-Context-MCP
2. Merge this JSON into .vscode/mcp.json:
{
"servers": {
"Framelink MCP for Figma": {
"command": "npx",
"args": [
"-y",
"figma-developer-mcp",
"--figma-api-key=YOUR-KEY",
"--stdio"
]
}
}
}
3. Required environment variables / secrets (ask the user; never invent secrets):
- FIGMA_API_KEY (required): See repository README.
4. Restart VS Code if needed, then run a smoke test (list tools or one safe call). Confirm with the user before writing secrets.
Catalog: https://averlo.xyz/launches/figma-context.htmlInstall the "Figma-Context-MCP" MCP for Windsurf in this workspace.
1. Read official install docs: https://github.com/GLips/Figma-Context-MCP
2. Merge this JSON into ~/.codeium/windsurf/mcp_config.json:
{
"mcpServers": {
"Framelink MCP for Figma": {
"command": "npx",
"args": [
"-y",
"figma-developer-mcp",
"--figma-api-key=YOUR-KEY",
"--stdio"
]
}
}
}
3. Required environment variables / secrets (ask the user; never invent secrets):
- FIGMA_API_KEY (required): See repository README.
4. Restart Windsurf if needed, then run a smoke test (list tools or one safe call). Confirm with the user before writing secrets.
Catalog: https://averlo.xyz/launches/figma-context.htmlInstall the "Figma-Context-MCP" MCP for Codex in this workspace. 1. Read official install docs: https://github.com/GLips/Figma-Context-MCP 2. Merge this TOML under [mcp_servers.*] into ~/.codex/config.toml (or .codex/config.toml in a trusted project): # Add to ~/.codex/config.toml (or .codex/config.toml in a trusted project) [mcp_servers.Framelink-MCP-for-Figma] command = "npx" args = ["-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"] 3. Required environment variables / secrets (ask the user; never invent secrets): - FIGMA_API_KEY (required): See repository README. 4. Restart Codex if needed, then run a smoke test (list tools or one safe call). Confirm with the user before writing secrets. Catalog: https://averlo.xyz/launches/figma-context.html
Try it
After install, paste one of these into your agent.
- Show me what Figma-Context-MCP can do
- Set up a simple workflow using Figma-Context-MCP
- List the tools available in Figma-Context-MCP

