{"_id":"figma-mcp","_rev":"4115396","name":"figma-mcp","description":"ModelContextProtocol server for Figma","dist-tags":{"latest":"0.1.4"},"maintainers":[{"name":"mjd","email":""}],"time":{"modified":"2026-02-12T21:47:43.000Z","created":"2024-12-05T23:59:38.560Z","0.1.4":"2025-05-04T19:02:45.074Z","0.1.3":"2025-01-10T21:27:16.112Z","0.1.2":"2024-12-06T00:40:56.740Z","0.1.1":"2024-12-06T00:32:17.229Z","0.1.0":"2024-12-05T23:59:38.560Z"},"users":{},"versions":{"0.1.4":{"name":"figma-mcp","version":"0.1.4","description":"ModelContextProtocol server for Figma","type":"module","scripts":{"build":"esbuild index.ts --outfile=dist/index.cjs --bundle --platform=node --format=cjs --banner:js='#!/usr/bin/env node' && shx chmod +x dist/*.cjs","prepare":"npm run build","watch":"esbuild index.ts --outfile=dist/index.cjs --bundle --platform=node --format=cjs --banner:js='#!/usr/bin/env node' --watch"},"bin":{"figma-mcp":"dist/index.cjs"},"dependencies":{"@modelcontextprotocol/sdk":"^1.0.3","axios":"^1.9.0"},"devDependencies":{"@types/node":"^22.10.1","esbuild":"^0.24.0","prettier":"^3.4.2","shx":"^0.3.4","typescript":"^5.3.3"},"_id":"figma-mcp@0.1.4","gitHead":"ab70850961c64090aa44dd8d24ac173a6795c9fe","_nodeVersion":"20.18.0","_npmVersion":"10.8.2","dist":{"shasum":"7d5cf9f2638a7b8a81907b1566521f7c34448630","size":96707,"noattachment":false,"key":"/figma-mcp/-/figma-mcp-0.1.4.tgz","tarball":"http://registry.cnpm.dingdandao.com/figma-mcp/download/figma-mcp-0.1.4.tgz"},"_npmUser":{"name":"mjd","email":"matthew.j.dailey@gmail.com"},"directories":{},"maintainers":[{"name":"mjd","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/figma-mcp_0.1.4_1746385364901_0.4679796444050679"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2025-05-04T19:02:45.074Z","publish_time":1746385365074,"_source_registry_name":"default","_cnpm_publish_time":1746385365074},"0.1.3":{"name":"figma-mcp","version":"0.1.3","description":"ModelContextProtocol server for Figma","type":"module","scripts":{"build":"esbuild index.ts --outfile=dist/index.cjs --bundle --platform=node --format=cjs --banner:js='#!/usr/bin/env node' && shx chmod +x dist/*.cjs","prepare":"npm run build","watch":"esbuild index.ts --outfile=dist/index.cjs --bundle --platform=node --format=cjs --banner:js='#!/usr/bin/env node' --watch"},"bin":{"figma-mcp":"dist/index.cjs"},"dependencies":{"@modelcontextprotocol/sdk":"^1.0.3"},"devDependencies":{"@types/node":"^22.10.1","esbuild":"^0.24.0","prettier":"^3.4.2","shx":"^0.3.4","typescript":"^5.3.3"},"_id":"figma-mcp@0.1.3","gitHead":"1d6a71d66166226b0721c343c07824f736646bb2","_nodeVersion":"20.18.0","_npmVersion":"10.8.2","dist":{"shasum":"ee1419e415780cdc873f91f161aa3af328fcab1a","size":31300,"noattachment":false,"key":"/figma-mcp/-/figma-mcp-0.1.3.tgz","tarball":"http://registry.cnpm.dingdandao.com/figma-mcp/download/figma-mcp-0.1.3.tgz"},"_npmUser":{"name":"mjd","email":"matthew.j.dailey@gmail.com"},"directories":{},"maintainers":[{"name":"mjd","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/figma-mcp_0.1.3_1736544435952_0.9932025768244324"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2025-01-10T21:27:16.112Z","publish_time":1736544436112,"_source_registry_name":"default","_cnpm_publish_time":1736544436112},"0.1.2":{"name":"figma-mcp","version":"0.1.2","description":"ModelContextProtocol server for Figma","type":"module","scripts":{"build":"esbuild index.ts --outfile=dist/index.cjs --bundle --platform=node --format=cjs --banner:js='#!/usr/bin/env node' && shx chmod +x dist/*.cjs","prepare":"npm run build","watch":"esbuild index.ts --outfile=dist/index.cjs --bundle --platform=node --format=cjs --banner:js='#!/usr/bin/env node' --watch"},"bin":{"figma-mcp":"dist/index.cjs"},"dependencies":{"@modelcontextprotocol/sdk":"^1.0.3"},"devDependencies":{"@types/node":"^22.10.1","esbuild":"^0.24.0","prettier":"^3.4.2","shx":"^0.3.4","typescript":"^5.3.3"},"_id":"figma-mcp@0.1.2","gitHead":"abdcda5429bb2ac3556497ed215cb601342ccfa8","_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"shasum":"1da6d05354b4f264cc318ed35844133b6c1b5eb9","size":31227,"noattachment":false,"key":"/figma-mcp/-/figma-mcp-0.1.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/figma-mcp/download/figma-mcp-0.1.2.tgz"},"_npmUser":{"name":"mjd","email":"matthew.j.dailey@gmail.com"},"directories":{},"maintainers":[{"name":"mjd","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/figma-mcp_0.1.2_1733445656560_0.7860057041141304"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2024-12-06T00:40:56.740Z","publish_time":1733445656740,"_source_registry_name":"default","_cnpm_publish_time":1733445656740},"0.1.1":{"name":"figma-mcp","version":"0.1.1","description":"ModelContextProtocol server for Figma","type":"module","scripts":{"build":"esbuild index.ts --outfile=dist/index.cjs --bundle --platform=node --format=cjs --banner:js='#!/usr/bin/env node' && shx chmod +x dist/*.cjs","prepare":"npm run build","watch":"esbuild index.ts --outfile=dist/index.cjs --bundle --platform=node --format=cjs --banner:js='#!/usr/bin/env node' --watch"},"bin":{"figma-mcp":"dist/index.cjs"},"dependencies":{"@modelcontextprotocol/sdk":"^1.0.3"},"devDependencies":{"@types/node":"^22.10.1","esbuild":"^0.24.0","prettier":"^3.4.2","shx":"^0.3.4","typescript":"^5.3.3"},"_id":"figma-mcp@0.1.1","gitHead":"a528d41f66426304448b4d26a79c400d458daec8","_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"shasum":"12185ad6b47221fe00827771003c5a8b5e7c6837","size":31227,"noattachment":false,"key":"/figma-mcp/-/figma-mcp-0.1.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/figma-mcp/download/figma-mcp-0.1.1.tgz"},"_npmUser":{"name":"mjd","email":"matthew.j.dailey@gmail.com"},"directories":{},"maintainers":[{"name":"mjd","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/figma-mcp_0.1.1_1733445136932_0.917921017205819"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2024-12-06T00:32:17.229Z","publish_time":1733445137229,"_source_registry_name":"default","_cnpm_publish_time":1733445137229},"0.1.0":{"name":"figma-mcp","version":"0.1.0","description":"ModelContextProtocol server for Figma","type":"module","scripts":{"build":"esbuild index.ts --outfile=dist/index.cjs --bundle --platform=node --format=cjs --banner:js='#!/usr/bin/env node' && shx chmod +x dist/*.cjs","prepare":"npm run build","watch":"esbuild index.ts --outfile=dist/index.cjs --bundle --platform=node --format=cjs --banner:js='#!/usr/bin/env node' --watch"},"bin":{"figma-mcp":"dist/index.cjs"},"dependencies":{"@modelcontextprotocol/sdk":"^1.0.3"},"devDependencies":{"@types/node":"^22.10.1","esbuild":"^0.24.0","prettier":"^3.4.2","shx":"^0.3.4","typescript":"^5.3.3"},"_id":"figma-mcp@0.1.0","gitHead":"98ac78c6851f69449d678424a653bdb26d0331c5","_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"shasum":"dd1086393986ccdf32ec09e37a665041cb961f00","size":31356,"noattachment":false,"key":"/figma-mcp/-/figma-mcp-0.1.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/figma-mcp/download/figma-mcp-0.1.0.tgz"},"_npmUser":{"name":"mjd","email":"matthew.j.dailey@gmail.com"},"directories":{},"maintainers":[{"name":"mjd","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/figma-mcp_0.1.0_1733443178386_0.2932862572432826"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2024-12-05T23:59:38.560Z","publish_time":1733443178560,"_source_registry_name":"default","_cnpm_publish_time":1733443178560}},"readme":"# Figma MCP Server\n\nA [ModelContextProtocol](https://modelcontextprotocol.io) server that enables AI assistants to interact with Figma files. This server provides tools for viewing, commenting, and analyzing Figma designs directly through the ModelContextProtocol.\n\n## Features\n\n- Add a Figma file to your chat with Claude by providing the url\n- Read and post comments on Figma files\n\n## Setup with Claude\n\n1. Download and install Claude desktop app from [claude.ai/download](https://claude.ai/download)\n\n2. Get a Figma API Key (figma.com -> click your name top left -> settings -> Security). Grant `File content` and `Comments` scopes.\n\n2. Configure Claude to use the Figma MCP server. If this is your first MCP server, run the following in terminal.\n\n```bash\necho '{\n  \"mcpServers\": {\n    \"figma-mcp\": {\n      \"command\": \"npx\",\n      \"args\": [\"figma-mcp\"],\n      \"env\": {\n        \"FIGMA_API_KEY\": \"<YOUR_API_KEY>\"\n      }\n    }\n  }\n}' > ~/Library/Application\\ Support/Claude/claude_desktop_config.json\n```\n\nIf it's not, copy the `figma-mcp` block to your `claude_desktop_config.json`\n\n3. Restart Claude Desktop.\n\n4. Look for the hammer icon with the number of available tools in Claude's interface to confirm the server is running.\n\n## Example usage\n\nStart a new chat with claude desktop and paste the following\n\n```\nWhat's in this figma file?\n\nhttps://www.figma.com/design/MLkM98c1s4A9o9CMnHEyEC\n```\n\n## Demo of a more realistic usage\n\nhttps://www.loom.com/share/0e759622e05e4ab1819325bcf6128945?sid=bcf6125b-b5de-4098-bf81-baff157e3dc3\n\n## Development Setup\n\n### Running with Inspector\n\nFor development and debugging purposes, you can use the MCP Inspector tool. The Inspector provides a visual interface for testing and monitoring MCP server interactions.\n\nVisit the [Inspector documentation](https://modelcontextprotocol.io/docs/tools/inspector) for detailed setup instructions and usage guidelines.\n\nThe command to test locally with Inspector is\n```\nnpx @modelcontextprotocol/inspector npx figma-mcp\n```\n\n### Local Development\n\n1. Clone the repository\n2. Install dependencies:\n```bash\nnpm install\n```\n3. Build the project:\n```bash\nnpm run build\n```\n4. For development with auto-rebuilding:\n```bash\nnpm run watch\n```\n\n## Available Tools\n\nThe server provides the following tools:\n\n- `add_figma_file`: Add a Figma file to your context by providing its URL\n- `view_node`: Get a thumbnail for a specific node in a Figma file\n- `read_comments`: Get all comments on a Figma file\n- `post_comment`: Post a comment on a node in a Figma file\n- `reply_to_comment`: Reply to an existing comment in a Figma file\n\nEach tool is designed to provide specific functionality for interacting with Figma files through the ModelContextProtocol interface.\n","_attachments":{}}