# Figma MCP for Free Plan

> Use this tool when you need to automate Figma tasks without a paid plan, as it provides a frictionless connection to Claude with auto-detection of open files and supports over 100 tools for Figma automation. It solves problems such as design system sync, page management, and code-to-Figma conversion, with a simple interface that requires only a few steps to set up. It is ideal for users who want to streamline their Figma workflow without incurring additional costs.

Canonical page: https://skillsregistry.net/skills/haju-xp-figma-free-mcp  
JSON: https://api.skillsregistry.net/v1/skills/haju-xp-figma-free-mcp

## Description

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.

## Trust

- **Trust score (0–1):** 0.85
- **Verification tier:** verified
- **Last scanned:** 2026-09-28

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** version-control
- **Updated:** 2026-09-28

## Source

- **Source listing:** [Smithery](https://smithery.ai/server/haju-xp/figma-free-mcp)
- **Repository:** <https://github.com/haju-xp/figma-free-mcp>

## Use it

Resolve this record through the SkillsRegistry MCP server (no auth, read-only):

```
claude mcp add --transport http --scope user skillsregistry https://api.skillsregistry.net/mcp
```

```json
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "get_skill",
    "arguments": {
      "slug": "haju-xp-figma-free-mcp"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/haju-xp-figma-free-mcp` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/haju-xp-figma-free-mcp/pull`

---
SkillsRegistry indexes agent skills from public registries and GitHub. Skills we have analysed are scanned with Circle-IR and scored on six dimensions; each listing states its scan coverage. More: https://skillsregistry.net/llms.txt