designfit runs on your own machine — the client starts it, so there is no endpoint to ping. 31 installs a week from npm. Last commit 8 Oct 2026.
Validate AI-built front-ends against Figma by tokens and geometry, not pixels.
Today is the operative word: we check designfit every 15 minutes and re-read its code on every release. Watch it and you find out the day that stops being true.
This server runs on your own machine — install it with the package manager and the client starts it for you. Package name taken from the official registry entry.
claude mcp add designfit -- npx -y designfit
{
"mcpServers": {
"designfit": {
"command": "npx",
"args": [
"-y",
"designfit"
]
}
}
}
[mcp_servers.designfit]
command = "npx"
args = ["-y", "designfit"]
{
"mcpServers": {
"designfit": {
"command": "npx",
"args": [
"-y",
"designfit"
]
}
}
}
{
"servers": {
"designfit": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"designfit"
]
}
}
}
Optional settings from the registry entry, left out of the block above:
FIGMA_TOKEN (Figma personal access token. Lets designfit_extract fetch frames; without it, pass the /nodes JSON instead).
Resolves Tailwind CSS design tokens and validates utility classes against the local project config.
Builds Figma from your design system: real components and tokens, enforced, learning every build.
Validate design tokens for accessibility, scales, and design-system constraint consistency.
Design token tools for Google Stitch: convert, validate, diff, lint, generate, and export.
useVyre component context for AI agents — valid props, variants, anti-patterns, and design tokens.
Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.
Compare Figma designs against live websites and get visual + content QA reports, from inside Claude.
UAE Design System (AEGOV DLS) for AI assistants: components, tokens, validation. Not TDRA-official.
Answers built from our own checks of this server.