Loading MCP server directory, please wait...
Figma to pixel-perfect code: deterministic HTML/React, then a render + pixel-diff verify loop.
npx @getmcp/cli add io.github.Mehmoodqureshi/figma-mcpRequires Node.js 18+. Community-contributed server. Review source before installing.
FIGMA_TOKENFigma 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.
Config file: ~/Library/Application Support/Claude/claude_desktop_config.json
{
"mcpServers": {
"io.github.Mehmoodqureshi/figma-mcp": {
"command": "npx",
"args": [
"-y",
"@mehmoodqureshi/figma-mcp"
],
"env": {
"FIGMA_TOKEN": "",
"FIGMA_MCP_CACHE_DIR": ""
}
}
}
}A flock of AI users tests your deployed app and reports where real people get stuck, with fixes.
Turn any idea, URL, doc, or PDF into on-brand visuals: 100+ formats, native in 150+ languages
Create professional SVG artwork, icons and vector logos from a prompt, or vectorize any image.
Design engine for AI: app screens, icons, illustrations and charts as clean SVG in SVG Lab projects.