figma-mcp-lightweight
Allows executing arbitrary Figma Plugin API code to manipulate Figma documents, frames, nodes, and more.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@figma-mcp-lightweightchange the fill color of the selected node to red"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Figma MCP - Lightweight Full Access
A minimal MCP server providing full Figma Plugin API access through a single execute_code tool.
Fork Notice: This is a lightweight fork of claude-talk-to-figma-mcp by Xúlio Zé, which is based on cursor-talk-to-figma-mcp by Sonny Lazuardi.
Why This Fork?
The original MCP has 40+ specialized tools. This version has 2 tools:
Tool | Purpose |
| Connect to Figma plugin |
| Run any Figma Plugin API code |
Benefits
Context-efficient: Minimal tool definitions = more context for your actual work
Full access: Execute any valid Figma Plugin API code
No limitations: Not restricted to predefined operations
Simpler maintenance: Less code to maintain
Related MCP server: Figma MCP Server
Setup
1. Configure Claude Desktop
Add to your Claude Desktop config (claude_desktop_config.json):
Option A: Via npm (recommended)
{
"mcpServers": {
"FigmaMCP": {
"command": "bunx",
"args": ["figma-mcp-lightweight@latest"]
}
}
}Option B: From source
git clone https://github.com/halilc4/figma-mcp-lightweight.git
cd figma-mcp-lightweight
bun install
bun run build{
"mcpServers": {
"FigmaMCP": {
"command": "bun",
"args": ["run", "/path/to/figma-mcp-lightweight/dist/talk_to_figma_mcp/server.js"]
}
}
}2. Setup Figma Plugin
Import src/claude_mcp_plugin/manifest.json in Figma:
Menu > Plugins > Development > Import plugin from manifest
3. Connect
Start WebSocket server:
bun socketOpen plugin in Figma, copy channel ID
In Claude: "Connect to Figma channel {channel-ID}"
Usage
Once connected, Claude can execute any Figma Plugin API code:
// Create a frame
const frame = figma.createFrame();
frame.resize(400, 300);
frame.name = "My Frame";
// Access selection
const selected = figma.currentPage.selection;
// Modify nodes
node.fills = [{ type: 'SOLID', color: { r: 1, g: 0, b: 0 } }];See Figma Plugin API docs for full reference.
Architecture
Claude Desktop <-> MCP Server <-> WebSocket Server <-> Figma PluginLicense
MIT License - see LICENSE
Credits
Sonny Lazuardi - Original implementation
Xúlio Zé - Claude adaptation
Igor Halilovic - Lightweight fork
This server cannot be installed
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Latest Blog Posts
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/halilc4/figma-mcp-lightweight'
If you have feedback or need assistance with the MCP directory API, please join our Discord server