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 β¦ Design system sync, page manager, codeβFigma β¦ Free Figma plan supported βββββββββββββββββββββββββββββ β‘ Quick Start (3 steps) 1. Install MCP + plugin npx figma-free-mcp@latest setup 2. Install Figma plugin Figma β Plugins β Development β Import plugin from manifest... β Select: ~/.figma-free-mcp/plugin/manifest.json 3. Start relay server (keep running) npx --package figma-free-mcp figma-free-mcp-socket Done! Claude auto-connects to your open Figma file. βββββββββββββββββββββββββββββ π 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.
Ask AI about Figma MCP for Free Plan
Powered by Claude Β· Grounded in docs
I know everything about Figma MCP for Free Plan. Ask me about installation, configuration, usage, or troubleshooting.
0/500
Reviews
Documentation
π¨ Figma MCP for Free Plan
https://smithery.ai/servers/haju-xp/figma-free-mcp
Connect Claude to Figma with zero friction. No paid plan. No channel ID copy-paste. Just works.
β¨ Why this exists
| Figma Official MCP | ClaudeTalkToFigma | figma-free-mcp | |
|---|---|---|---|
| Free plan | β Paid only | β | β |
| Auto-connect | β | β Manual channel ID | β Auto-detect |
| Tools | Many | 70+ | 100+ |
| One-line install | β | β | β |
π Quick Start (3 steps)
Step 1 β Install MCP + download plugin
npx figma-free-mcp@latest setup
This will:
- β Register MCP in Claude Desktop automatically
- β
Download the Figma plugin to
~/.figma-free-mcp/plugin/ - β Show you the exact manifest path
Step 2 β Install the Figma plugin (one-time)
- Open Figma Desktop
- Menu β Plugins β Development β Import plugin from manifest...
- Select the path shown in Step 1:
C:\Users\[YourName]\.figma-free-mcp\plugin\manifest.json - Run "Figma Free MCP" plugin in Figma β it auto-connects!
Step 3 β Start the relay server
Open a terminal and keep it running:
npx --package figma-free-mcp figma-free-mcp-socket
β οΈ Keep this terminal open while using Claude with Figma.
π¬ Usage
Once everything is running, just talk to Claude naturally:
"Figmaμ λ²νΌ μ»΄ν¬λνΈ λ§λ€μ΄μ€"
"μ€λ³΅ νμ΄μ§ μ°Ύμμ μ 리ν΄μ€"
"globals.css μμ ν ν°μ Figma λ³μλ‘ μ±ν¬ν΄μ€"
"μ΄ React μ»΄ν¬λνΈλ₯Ό Figma νλ μμΌλ‘ λ³νν΄μ€"
Claude automatically detects your open Figma file β no channel ID needed!
π οΈ All Tools (100+)
π Auto-Connect
| Tool | Description |
|---|---|
auto_connect | Auto-detect active Figma sessions and connect |
list_active_channels | List all open Figma plugin sessions |
π Document & Pages
get_document_info, get_pages, get_selection, get_node_info, get_nodes_info, scan_text_nodes, get_styles, get_local_components, get_remote_components, get_variables and more
πΌοΈ Creation
create_frame, create_rectangle, create_ellipse, create_text, create_page, create_component_from_node, create_component_instance, create_component_set and more
βοΈ Modification
set_fill_color, set_stroke_color, set_text_content, set_font_size, set_corner_radius, set_auto_layout, move_node, resize_node, delete_node, clone_node and more
π¨ Design System Sync
| Tool | Description |
|---|---|
sync_css_to_figma | CSS variables β Figma variable collections |
sync_figma_to_css | Figma variables β CSS custom properties |
compare_design_tokens | Diff report between CSS and Figma |
apply_design_system | Apply design policy doc to Figma |
audit_design_consistency | Find policy violations in Figma file |
π Page Manager
| Tool | Description |
|---|---|
list_all_pages_detailed | All pages + frame count + duplicate detection |
deduplicate_pages | Auto-merge/remove duplicate pages |
organize_pages | Sort pages by number or alphabetically |
cleanup_empty_pages | Remove empty pages |
β‘ Code to Figma
| Tool | Description |
|---|---|
react_to_figma | React/TSX component β Figma frame |
css_class_to_figma_style | CSS classes β Figma local styles |
generate_component_variants | Generate hover/active/disabled variants |
ποΈ Architecture
Claude Desktop
β
β stdio (MCP)
βΌ
figma-free-mcp server (100+ tools)
β
β WebSocket (port 3055)
βΌ
Figma Plugin (auto-connect)
β
β Figma API
βΌ
Your Figma File β¨
βοΈ Commands Reference
# Install & register MCP
npx figma-free-mcp@latest setup
# Start WebSocket relay server
npx --package figma-free-mcp figma-free-mcp-socket
# Uninstall
npx figma-free-mcp@latest uninstall
β FAQ
Q. Do I need a paid Figma plan? A. No. Works with free Figma accounts.
Q. Do I need Claude Pro? A. Any Claude Desktop plan works.
Q. The plugin shows "Disconnected"
A. Make sure the relay server is running: npx --package figma-free-mcp figma-free-mcp-socket
Q. Multiple Figma files are open A. Claude will ask which file to connect to.
Q. Port 3055 is already in use
A. Kill the existing process: netstat -ano | findstr :3055 then taskkill /PID [number] /F
β οΈ License & Usage
MIT License β free to use and modify.
β Personal & commercial use allowed β Modification allowed β Claiming as your own work prohibited β Removing author credit prohibited
Β© 2026 haju-xp
π Credits
Built on top of claude-talk-to-figma-mcp by arinspunk (MIT License).
