Allows executing arbitrary Figma Plugin API code to manipulate Figma documents, frames, nodes, and more.
Click on "Deploy 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-lightweight change 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.
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.
The original MCP has 40+ specialized tools. This version has 2 tools:
Tool | Purpose |
| Connect to Figma plugin |
| Run any Figma Plugin API code |
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
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"]
}
}
}Import src/claude_mcp_plugin/manifest.json in Figma:
Menu > Plugins > Development > Import plugin from manifest
Start WebSocket server: bun socket
Open plugin in Figma, copy channel ID
In Claude: "Connect to Figma channel {channel-ID}"
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.
Claude Desktop <-> MCP Server <-> WebSocket Server <-> Figma PluginMIT License - see LICENSE
Sonny Lazuardi - Original implementation
Xúlio Zé - Claude adaptation
Igor Halilovic - Lightweight fork
This server cannot be deployed
Build, validate, deploy — HTTP APIs, cron jobs, webhooks and MCP tools — from your AI client.
Give your AI agents the tools to build, manage, and run automation workflows.
Discover, inspect and run 63,000+ agent tools from one balance. Pay per call, no subscriptions.
Connect AI coding agents to Anima Playground, Figma, and your design system.
