Cursor Talk to Figma
TalkToFigma: MCP integration between AI Agent (Cursor, Claude Code) and Figma, allowing Agentic AI to communicate with Figma for reading designs and modifying them programmatically.
What is Cursor Talk to Figma?
Cursor Talk to Figma is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to talktofigma: mcp integration between ai agent (cursor, claude code) and figma, allowing agentic ai to communicate with figma for reading designs and modifying them programmatically.
TalkToFigma: MCP integration between AI Agent (Cursor, Claude Code) and Figma, allowing Agentic AI to communicate with Figma for reading designs and modifying them programmatically.
This server falls under the Developer Tools category on MCPgee, the world's largest MCP server directory with 33,000+ servers.
Features
- TalkToFigma: MCP integration between AI Agent (Cursor, Claud
Use Cases
Maintainer
Works with
Installation
Manual Installation
npx cursor-talk-to-figmaConfiguration
Configuration Details
claude_desktop_config.json
Performance
Response Metrics
Resource Usage
How to Set Up and Use Cursor Talk to Figma
Cursor Talk to Figma MCP is a Grab-built integration that enables AI agents in Cursor and Claude Code to directly read and modify Figma designs through the Model Context Protocol. It uses a WebSocket bridge between a local server and a custom Figma plugin to expose over 60 design tools — covering document inspection, text bulk-replace, component override management, auto-layout, and element creation. Product teams use it to automate repetitive design tasks and keep code and design in sync without manually copying values out of Figma.
Prerequisites
- Bun runtime installed (https://bun.sh)
- Figma desktop app or browser with the TalkToFigma plugin installed
- Cursor IDE or Claude Code as your MCP client
- Git to clone the repository for local setup
- Node.js 18+ (optional, for npx fallback)
Install Bun runtime
Bun is required to run both the WebSocket server and the MCP package. Install it with the official installer.
curl -fsSL https://bun.sh/install | bashClone the repository and run setup
Clone the cursor-talk-to-figma-mcp repository and run bun setup to install all dependencies.
git clone https://github.com/grab/cursor-talk-to-figma-mcp.git
cd cursor-talk-to-figma-mcp
bun setupStart the WebSocket bridge server
The WebSocket server must run continuously to relay messages between Figma and the MCP tools. Leave this terminal open.
bun socketInstall and open the Figma plugin
Search for TalkToFigma in the Figma Community and install the plugin. Open it from Plugins → TalkToFigma while a design file is open.
Add to Cursor MCP configuration
Edit ~/.cursor/mcp.json to add the TalkToFigma MCP server. Use bunx for automatic updates or point to your local clone.
Connect the plugin channel and start designing with AI
Invoke the join_channel tool in your Cursor agent or click Connect in the Figma plugin UI to link the sessions, then begin issuing design commands.
Cursor Talk to Figma Examples
Client configuration
Cursor ~/.cursor/mcp.json configuration for Cursor Talk to Figma MCP.
{
"mcpServers": {
"TalkToFigma": {
"command": "bunx",
"args": ["cursor-talk-to-figma-mcp@latest"]
}
}
}Prompts to try
Example design automation prompts you can give Cursor or Claude Code once connected to Figma.
- "Read my current Figma design and describe the layout structure"
- "Replace all occurrences of 'Lorem ipsum' text with the actual copy from my content doc"
- "Set the fill color of the selected button frame to #0052CC"
- "Create a component instance of the Button/Primary component at position 400, 300"
- "Move the selected layer to X: 0, Y: 0 and resize it to 1440 × 900"
- "Export the hero section as a PNG at 2x resolution"Troubleshooting Cursor Talk to Figma
Cursor cannot find the MCP server after configuration
Verify Bun is installed and on your PATH (`bun --version`). Restart Cursor after editing mcp.json. Check that `bunx cursor-talk-to-figma-mcp@latest` runs without errors in your terminal.
Figma plugin shows 'Disconnected' status
Make sure `bun socket` is still running in your terminal. The WebSocket server binds to localhost; if it crashed, restart it and reconnect the plugin.
set_text_content tool succeeds but text in Figma does not update
Confirm the target node ID is correct. Use get_selection or get_document_info first to obtain the current node IDs, then call set_text_content with the exact ID shown.
Frequently Asked Questions about Cursor Talk to Figma
What is Cursor Talk to Figma?
Cursor Talk to Figma is a Model Context Protocol (MCP) server that talktofigma: mcp integration between ai agent (cursor, claude code) and figma, allowing agentic ai to communicate with figma for reading designs and modifying them programmatically. It connects AI assistants to external tools and data sources through a standardized interface.
How do I install Cursor Talk to Figma?
Follow the installation instructions on the Cursor Talk to Figma GitHub repository. Clone the repo, install dependencies, and add the server config to your AI client.
Which AI clients work with Cursor Talk to Figma?
Cursor Talk to Figma works with all major MCP-compatible AI clients including Claude Desktop, Claude Code, Cursor, VS Code (GitHub Copilot), Windsurf, and Cline.
Is Cursor Talk to Figma free to use?
Yes, Cursor Talk to Figma is open source and available under the MIT license. You can use it freely in both personal and commercial projects.
Cursor Talk to Figma Alternatives — Similar Developer Tools Servers
Looking for alternatives to Cursor Talk to Figma? Here are other popular developer tools servers you can use with Claude, Cursor, and VS Code.
Ecc
★ 188.2kThe agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
Javaguide
★ 155.8kJava 面试 & 后端通用面试指南，覆盖计算机基础、数据库、分布式、高并发、系统设计与 AI 应用开发
Gemini CLI
★ 104.5kA secure MCP server that wraps the Google Gemini CLI, allowing clients to query Gemini models using local OAuth sessions without requiring an API key. It provides tools for model interaction and diagnostics with built-in protection against command in
Awesome MCP Servers
★ 87.3k⭐ Curated list of Model Context Protocol (MCP) servers - tools that extend Claude Desktop, Cursor, Windsurf, and other MCP clients with custom capabilities.
MCP Servers
★ 86.0kModel Context Protocol Servers
CC Switch
★ 77.5kA cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Gemini CLI & Hermes Agent. Only official website: ccswitch.io
Browse More Developer Tools MCP Servers
Explore all developer tools servers available in the MCPgee directory. Each server includes setup guides for Claude, Cursor, and VS Code.
Set Up Cursor Talk to Figma in Your Editor
Choose your AI client for step-by-step setup instructions.
Quick Config Preview
Add this to your claude_desktop_config.json or .cursor/mcp.json
Ready to use Cursor Talk to Figma?
Browse our complete directory of 33,000+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.