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.
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.
暂无发行商信息