MCPs βΊ Dev tools βΊ Figma MCP for Free Plan
Connect Claude to Figma with zero friction. No paid plan. No channel ID copy-paste. Just works. β¦ 100+ tools for Figma automation β¦ Auto-connect β Claude detects your open file β¦ Multi-file editing β work on several files at once, by file name (no channel IDs) β¦ Design system sync, page manager, codeβFigma β¦ Free Figma plan supported βββββββββββββββββββββββββββββ π Before you start (Prerequisites) β’ Node.js 18+ β check in terminal: node -v (install: nodejs.org) β’ Figma DESKTOP app β not the browser version (figma.com/downloads) β’ Claude Desktop β claude.ai/download No Python or other runtime needed β npx/npm come with Node.js. βββββββββββββββββββββββββββββ β‘ Quick Start βΆ Step 1 β Install the MCP + download the plugin Run in your terminal: npx figma-free-mcp@latest setup This auto-registers the MCP in Claude Desktop and downloads the Figma plugin to: ~/.figma-free-mcp/plugin/ (Tip: the terminal prints the exact path β copy it for Step 2.) βΆ Step 2 β Register the plugin in Figma (one time only) 1. Open the Figma DESKTOP app (not the browser) 2. Menu β Plugins β Development β Import plugin from manifest... 3. Select this file: ~/.figma-free-mcp/plugin/manifest.json β’ Can't see the folder? In the file dialog press ββ§G (Mac) / Ctrl+L (Windows) and paste the path above. β’ You only do this once β Figma remembers it afterwards. βΆ Step 3 β Start the relay server (keep it running) The relay connects Claude β Figma. Run in a terminal and LEAVE IT OPEN: figma-free-mcp socket β οΈ Start this BEFORE opening the plugin in Step 4. βΆ Step 4 β Open the plugin in your Figma file In Figma: Plugins β Figma Free MCP It auto-connects to the relay β no channel ID needed. β Done! Now just talk to Claude: "Figmaμ λ²νΌ μ»΄ν¬λνΈ λ§λ€μ΄μ€" / "μ€λ³΅ νμ΄μ§ μ 리ν΄μ€" βββββββββββββββββββββββββββββ ποΈ Editing multiple files at once 1. Open each file and run the plugin in it (one plugin instance per file β a Figma limitation: a plugin can only touch the file it runs in). 2. Ask Claude by file name, e.g. "add a button to the Order file, a header to the Billing file" Claude routes each command to the right file β still no channel IDs. βββββββββββββββββββββββββββββ π οΈ Troubleshooting β’ Plugin shows "Disconnected" β make sure Step 3 (relay) is running. β’ "Port 3055 already in use" β free it: lsof -ti:3055 | xargs kill β’ "command not found: npx" β install Node.js first (nodejs.org). β’ Updated to a new version? β re-run npx figma-free-mcp@latest setup then re-import the plugin in Figma. β’ Multiple files, wrong target? β ask Claude to "list active channels" to see each file by name. βββββββββββββββββββββββββββββ π Full docs β github.com/haju-xp/figma-free-mcp βββββββββββββββββββββββββββββ β οΈ License & Usage β Personal & commercial use allowed β Modification allowed β Claiming as your own work prohibited β Removing author credit prohibited Β© 2026 haju, All rights reserved for branding.
Not monetized yet
Turn Figma MCP for Free Planβs tool calls into revenue: one disclosed sponsored slot, 70% revenue share, fail-open by design.
Install Figma MCP for Free Plan
For anyone using Figma MCP for Free Plan β no Lulu account neededclaude mcp add --transport http figma-mcp-for-free-plan https://figma-free-mcp--haju-xp.run.tools
9 field-tested tactics as a designed playbook plus skills your coding agent can run. Free.
Get the Kit βFAQ
Run: claude mcp add --transport http figma-mcp-for-free-plan https://figma-free-mcp--haju-xp.run.tools
Yes β itβs a remote MCP server, so no local install is needed.
ChatGPT: Settings β Connectors β Advanced β Developer mode β Add connector, then paste https://figma-free-mcp--haju-xp.run.tools.
Claude.ai: Settings β Connectors β Add custom connector, then paste the same URL.
Unrated out of 100, computed from cross-registry traction signals (installs, stars, registry presence) β never influenced by sponsorship.
Similar servers
Works well together