Validate AI-built front-ends against Figma by tokens and geometry, not pixels.
Connect Runs on your machine
claude mcp add designfit -e FIGMA_TOKEN=<FIGMA_TOKEN> -- npx -y [email protected]
{
"mcpServers": {
"designfit": {
"command": "npx",
"args": [
"-y",
"[email protected]"
],
"env": {
"FIGMA_TOKEN": "<FIGMA_TOKEN>"
}
}
}
}
{
"mcpServers": {
"designfit": {
"command": "npx",
"args": [
"-y",
"[email protected]"
],
"env": {
"FIGMA_TOKEN": "<FIGMA_TOKEN>"
}
}
}
}
{
"servers": {
"designfit": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"[email protected]"
],
"env": {
"FIGMA_TOKEN": "<FIGMA_TOKEN>"
}
}
}
}
Replace the values in angle brackets with your own. Keys stay on your machine; we never see them.
Tools
This server runs locally, so its tools are listed by your MCP client once it starts.
Environment variables
| Name | Description |
|---|---|
FIGMA_TOKENOptional, secret | Figma personal access token. Lets designfit_extract fetch frames; without it, pass the /nodes JSON instead. |
Details
| Package | [email protected] (NPM, stdio) |
| First published | 3 Oct 2026 |
| Last updated | 3 Oct 2026 |
| Registry name | io.github.as9978/designfit |
More data and analytics servers See all
Listing data from the official MCP registry. Status and tools from NestDaddy's daily check. Browse all MCP servers.
