Loading…
Figma to pixel-perfect code: deterministic HTML/React, then a render + pixel-diff verify loop.
Figma CodeKit MCP is an MCP server entry in ChatHome Skills, sourced from Official MCP Registry and scored 78/100. As a Model Context Protocol server, it exposes tools that MCP-compatible LLM clients such as Claude, Cursor, and Copilot can call directly, extending an agent's reach beyond its built-in capabilities. ChatHome Skills discovered this entry through its daily ingest of official registries and GitHub discovery queries, and re-verifies repository facts, freshness signals, and install metadata on every run. The quality score weighs official-registry presence, a working install command, license clarity, GitHub star trajectory, and repository freshness — the full formula is on the Sources page. The install command above is ready to copy. Review the last-pushed date and repository status before adding Figma CodeKit MCP to a production agent workflow; the snapshot facts below are point-in-time values from the most recent ingest.
npx -y figma-codekit-mcp@0.2.4Review the upstream source before running this command.
{
"_meta": {
"io.modelcontextprotocol.registry/official": {
"status": "active",
"isLatest": true,
"updatedAt": "2026-10-15T14:31:50.623731Z",
"publishedAt": "2026-10-15T14:31:50.623731Z",
"statusChangedAt": "2026-10-15T14:31:50.623731Z"
}
},
"server": {
"name": "io.github.Mehmoodqureshi/figma-codekit-mcp",
"title": "Figma CodeKit MCP",
"$schema": "https://static.modelcontextprotocol.io/schemas/2025-12-11/server.schema.json",
"version": "0.2.4",
"packages": [
{
"version": "0.2.4",
"transport": {
"type": "stdio"
},
"identifier": "figma-codekit-mcp",
"registryType": "npm",
"environmentVariables": [
{
"name": "FIGMA_TOKEN",
"format": "string",
"isSecret": true,
"isRequired": true,
"description": "Figma personal access token (Settings -> Security -> Personal access tokens, scope \"File content: read\"). May instead be placed in a .figma-token file in the project directory. FIGMA_API_KEY is accepted as an alias."
},
{
"name": "FIGMA_MCP_CACHE_DIR",
"format": "filepath",
"description": "Where converted frames are cached. Defaults to .figma-cache/ in the directory the server starts from."
}
]
}
],
"repository": {
"url": "https://github.com/Mehmoodqureshi/figma-codekit-mcp",
"source": "github"
},
"description": "Figma to pixel-perfect code: deterministic HTML/React, then a render + pixel-diff verify loop."
}
}