MCP server

Figma CodeKit MCP

io.github.Mehmoodqureshi/figma-codekit-mcp

Checked 27 Oct 2026, 08:19 UTC · Still published on its registry; checked against OSV.dev; never run by us

Figma to pixel-perfect code: deterministic HTML/React, then a render + pixel-diff verify loop.

Runs on your computer

Source

At a glance

Type: MCP server
Publisher: Not verified
Status: Runs on your computer
Sets up in: Claude Code, Claude Desktop, Codex, Gemini CLI, Cursor, VS Code
Last checked: 27 Oct 2026, 08:19 UTC

Connect it to your agent

Add to Cursor Add to VS Code VS Code Insiders

Opens the app, which shows the server and asks you to confirm. It then runs the package on your computer with your permissions. For other apps, copy the setup below.

Claude Code

claude mcp add figma-codekit-mcp --env FIGMA_TOKEN=YOUR_VALUE -- npx -y figma-codekit-mcp@0.2.4

Claude Desktop

{"mcpServers":{"figma-codekit-mcp":{"command":"npx","args":["-y","figma-codekit-mcp@0.2.4"],"env":{"FIGMA_TOKEN":"YOUR_VALUE"}}}}

Codex (config.toml)

[mcp_servers.figma-codekit-mcp]
command = "npx"
args = ["-y","figma-codekit-mcp@0.2.4"]
env = { FIGMA_TOKEN = "YOUR_VALUE" }

Gemini CLI

{"mcpServers":{"figma-codekit-mcp":{"command":"npx","args":["-y","figma-codekit-mcp@0.2.4"],"env":{"FIGMA_TOKEN":"YOUR_VALUE"}}}}

Cursor

{"mcpServers":{"figma-codekit-mcp":{"command":"npx","args":["-y","figma-codekit-mcp@0.2.4"],"env":{"FIGMA_TOKEN":"YOUR_VALUE"}}}}

VS Code

{"servers":{"figma-codekit-mcp":{"type":"stdio","command":"npx","args":["-y","figma-codekit-mcp@0.2.4"],"env":{"FIGMA_TOKEN":"YOUR_VALUE"}}}}

Runs on your computer with your permissions: check the package and its source before installing. Replace YOUR_VALUE with your own FIGMA_TOKEN.

Browse

Related MCP servers

ikeytz - Schlüsseldienst Ludwigsburg
Read/Link MCP for Schlüsseldienst Ludwigsburg ikeytz. Public read-only. ai-train=no.
Sats4AI - Bitcoin-Powered AI Tools
40+ Lightning-paid AI tools for agents: calls, SMS, fax, voice, translation. No signup, no keys.
Digitaltableteur
Design system contracts, docs search, and usage validation for @digitaltableteur components.
AnywhereRoles remote jobs
Remote job search as MCP tools: jobs, companies, categories, salaries. Links to original postings.
SVG Lab
SVG Lab MCP: the Design Engine for AI. App screens, icons, illustrations and charts as SVG.
API Acre
73 x402-paid Base and Solana APIs with free discovery, samples, workflows, and Pixel Acre.
Globestudio
Generate dotted-globe maps, share URLs, and embed snippets from chat.
Formgong
Create contact forms, get HTML/React/Next.js snippets and read recent submissions on Formgong.

Badge for your README

[![AptLynx](https://aptlynx.net/badge/io.github.Mehmoodqureshi/figma-codekit-mcp.svg)](https://aptlynx.net/servers/io.github.Mehmoodqureshi/figma-codekit-mcp)

Listing text is written by the maker; AptLynx lists tools and does not vouch for them. Find another tool · Browse by topic · For agents