Figsnap MCP Server
by arimunandario.github.arimunandar/figsnap-mcpv0.2.0
The Figma file you have open, as MCP tools. A local daemon and a slim Figma plugin: extract a node as PNG, React, HTML and CSS, read and edit the canvas, and keep a saved set of components — no relay, no account, nothing off your machine.
context tax
queued
security
queued
cold start
queued
freshness
Maintained33d ago
Install Figsnap MCP server
Install in Claude Code
claude mcp add figsnap -e FIGSNAP_MCP_TOKEN='<figsnap-mcp-token>' -- npx -y figsnap-mcpInstall in Cursor
{
"mcpServers": {
"figsnap": {
"command": "npx",
"args": [
"-y",
"figsnap-mcp"
],
"env": {
"FIGSNAP_MCP_TOKEN": "<figsnap-mcp-token>"
}
}
}
}Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (project).
Install in Claude Desktop
{
"mcpServers": {
"figsnap": {
"command": "npx",
"args": [
"-y",
"figsnap-mcp"
],
"env": {
"FIGSNAP_MCP_TOKEN": "<figsnap-mcp-token>"
}
}
}
}Settings → Developer → Edit Config (claude_desktop_config.json), then restart.
Install in VS Code
{
"servers": {
"figsnap": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"figsnap-mcp"
],
"env": {
"FIGSNAP_MCP_TOKEN": "<figsnap-mcp-token>"
}
}
}
}Add to .vscode/mcp.json in your workspace.
Install in Windsurf
{
"mcpServers": {
"figsnap": {
"command": "npx",
"args": [
"-y",
"figsnap-mcp"
],
"env": {
"FIGSNAP_MCP_TOKEN": "<figsnap-mcp-token>"
}
}
}
}Add to ~/.codeium/windsurf/mcp_config.json.
Configuration
| Variable | Required | Secret | Description |
|---|---|---|---|
| FIGSNAP_MCP_URL | — | — | Where the figsnap-mcp daemon is listening. Default http://127.0.0.1:3058; only needed if you moved it. |
| FIGSNAP_MCP_TOKEN | — | yes | The daemon's token. Not normally set: the server reads ~/.figsnap-mcp/agent-token, which the daemon writes itself. |
Freshness
Maintained — last maintenance signal 33d ago. The newest of the signals below sets the band.
Last commit (default branch)
2026-09-07 · 33d ago · GitHub
Latest release
no data · GitHub
Package published
no data · npm/PyPI
Registry entry updated
2026-09-07 · 33d ago · official registry · v0.2.0
FAQ
›How do I install the Figsnap MCP server in Claude Code?
Run: claude mcp add figsnap -e FIGSNAP_MCP_TOKEN='<figsnap-mcp-token>' -- npx -y figsnap-mcp. For Cursor, VS Code, Claude Desktop and Windsurf, use the install tabs above.
›Does Figsnap require an API key?
Yes. It expects FIGSNAP_MCP_TOKEN, of which 1 is a secret.
›Can I use Figsnap as a remote (hosted) MCP server?
No hosted endpoint is published; it runs locally over stdio.
›Is Figsnap in the official MCP registry?
Yes, as io.github.arimunandar/figsnap-mcp.
Alternatives to Figsnap
Other design MCP servers.