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.