LocalFree server, account needed

designfit MCP server

as9978/designfit

Validate AI-built front-ends against Figma by tokens and geometry, not pixels: extract a spec from a Figma frame link, then get a deterministic fidelity score and fix-list for the rendered page.

8 GitHub stars535 npm downloads / month

Install designfit in Claude Code

Claude Code
claude mcp add designfit -- npx -y designfit
mcp.json (Claude Desktop, Cursor, VS Code, Windsurf)
{
  "mcpServers": {
    "designfit": {
      "command": "npx",
      "args": [
        "-y",
        "designfit"
      ]
    }
  }
}

Frequently asked questions

What does the designfit MCP server do?

Validate AI-built front-ends against Figma by tokens and geometry, not pixels: extract a spec from a Figma frame link, then get a deterministic fidelity score and fix-list for the rendered page.

Is the designfit MCP server free?

The server is free, but you will likely need an account. The server itself is free, but it connects to a service that needs an account or API key, which may have paid tiers. Check the provider for current pricing.

Does designfit run locally or remotely?

Local. Runs on your machine (stdio). You install it with npx, uvx, Docker or from source.

How do I add designfit to Claude Code?

Run: claude mcp add designfit -- npx -y designfit

More developer tools MCP servers

View all