Install designfit in Claude Code
claude mcp add designfit -- npx -y designfit{
"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 allDotnet Template
YuliiaKovalova/dotnet-template-mcp
Search, inspect, preview and create dotnet new projects via the .NET Template Engine, with parameter validation, defaults and NuGet resolution.
Webhook Tester
alimo7amed93/webhook-tester-mcp
Create, retrieve and delete webhooks on webhook-test.com.
Endiagram
dushyant30suthar/endiagram-mcp
Deterministic structural analysis of systems described in EN syntax: topology, bottlenecks, blast radius, tracing, diffs and centrality.
Vibealive
skullzarmy/vibealive
Find unused files and APIs in Next.js projects, with project analysis tools exposed over MCP.
Fixgraph
jawdat6/fixgraph-mcp
Search and contribute to a community-verified knowledge base of engineering issues and fixes, with trust scores and fix verification.
Tnl
janaraj/tnl
TNL (Typed Natural Language): per-feature English contracts that coding agents can look up, propose edits to and verify implementations against.