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.
Related MCP Servers
- Alicense-qualityDmaintenanceEnables AI assistants like Cursor to interact with Figma designs programmatically. Supports reading design information, modifying elements, creating components, managing text content, and automating design workflows through natural language commands.Last updated1,091MIT
- Alicense-qualityDmaintenanceEnables AI assistants to interact with Figma designs using natural language commands, supporting file analysis, component extraction, asset export, comment management, and design system queries through the Figma API.Last updated1,6251ISC
- Alicense-qualityDmaintenanceEnables AI assistants to read and modify Figma designs programmatically, supporting design analysis, element creation, text replacement, annotations, auto-layout configuration, and prototype visualization through natural language commands.Last updated736MIT
- AlicenseBqualityDmaintenanceEnables AI assistants to interact with Figma designs programmatically, supporting comprehensive design automation including text manipulation with formatting preservation, batch operations, prototyping, auto-layout configuration, and component management.Last updated7574MIT
Related MCP Connectors
Connect AI coding agents to Anima Playground, Figma, and your design system.
Build and run visual creative-production workflows from your AI agent.
Universal AI API Orchestrator — 1,554 tools, 96 services. One install.
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- 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