Talk to Figma
An MCP server that enables AI assistants to interact with Figma designs for tasks like reading document info, creating elements, and managing auto layouts. It facilitates real-time design automation via a custom Figma plugin and WebSocket server inte
What is Talk to Figma?
Talk to Figma is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to mcp server that enables ai assistants to interact with figma designs for tasks like reading document info, creating elements, and managing auto layouts. it facilitates real-time design automation via ...
An MCP server that enables AI assistants to interact with Figma designs for tasks like reading document info, creating elements, and managing auto layouts. It facilitates real-time design automation via a custom Figma plugin and WebSocket server inte
This server falls under the Developer Tools category on MCPgee, the world's largest MCP server directory with 33,000+ servers.
Features
- An MCP server that enables AI assistants to interact with Fi
Use Cases
Maintainer
Works with
Installation
Manual Installation
npx talk-to-figma-mcpConfiguration
Configuration Details
claude_desktop_config.json
Performance
Response Metrics
Resource Usage
How to Set Up and Use Talk to Figma
Talk to Figma MCP is a server built by Grab that lets AI assistants (Claude Code, Cursor, and others) read and programmatically modify Figma designs in real time through a WebSocket bridge and a custom Figma plugin. It exposes 60+ MCP tools spanning document inspection, text replacement, component management, auto-layout configuration, visual styling, element creation, and prototype annotation — enabling design automation workflows that would otherwise require manual work inside Figma. Designers and developers use it to bulk-update copy, propagate component overrides, generate FigJam connectors from prototype flows, and export assets from inside their AI coding environment.
Prerequisites
- Bun runtime installed (https://bun.sh)
- Figma desktop app or browser with access to the designs you want to automate
- The TalkToFigma Figma community plugin installed in your Figma workspace
- An MCP-compatible client such as Claude Desktop or Cursor
- Node.js 18+ (for fallback npx usage)
Install Bun
Install the Bun JavaScript runtime which is used to run both the WebSocket server and the MCP server package.
curl -fsSL https://bun.sh/install | bashRun the automated setup
Clone the repository and run the bun setup script which installs dependencies and prepares the environment.
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 stay running to relay messages between the Figma plugin and the MCP server. Keep this terminal open.
bun socketInstall the Figma plugin
Open Figma and install the TalkToFigma community plugin. Run it from the Plugins menu to connect it to the WebSocket server.
Configure your MCP client
Add the TalkToFigma MCP server to your Cursor or Claude Desktop config. The bunx invocation automatically fetches the latest version.
Join a channel to connect the plugin to your AI client
Use the join_channel tool or the plugin UI to establish the WebSocket channel that links the running Figma plugin session to your MCP client.
Talk to Figma Examples
Client configuration
Cursor mcp.json configuration to use TalkToFigma MCP via bunx.
{
"mcpServers": {
"TalkToFigma": {
"command": "bunx",
"args": ["cursor-talk-to-figma-mcp@latest"]
}
}
}Prompts to try
Example prompts to automate Figma designs once TalkToFigma MCP is connected.
- "Get the document info for the currently open Figma file"
- "Scan all text nodes and replace every instance of 'Sign Up' with 'Get Started'"
- "Create a rectangle with a blue fill at position 100, 200 with width 300 and height 150"
- "Set the corner radius of the selected frame to 8"
- "Export the selected node as a PNG image"
- "Get all prototype reactions and create FigJam connectors between the screens"Troubleshooting Talk to Figma
MCP tools time out or return 'not connected' errors
Ensure the WebSocket server is running (`bun socket` in the repo directory). Open the Figma plugin and confirm it shows a connected status. The plugin, WebSocket server, and MCP client must all be running simultaneously.
bunx command not found when starting the MCP server
Install Bun with `curl -fsSL https://bun.sh/install | bash` and restart your terminal. Verify with `bun --version` before re-running.
Changes are not appearing in Figma after tool calls
Confirm the Figma plugin is open and connected on the same channel. If the plugin was closed or restarted, use the join_channel tool again to re-establish the session.
Frequently Asked Questions about Talk to Figma
What is Talk to Figma?
Talk to Figma is a Model Context Protocol (MCP) server that mcp server that enables ai assistants to interact with figma designs for tasks like reading document info, creating elements, and managing auto layouts. it facilitates real-time design automation via a custom figma plugin and websocket server inte It connects AI assistants to external tools and data sources through a standardized interface.
How do I install Talk to Figma?
Follow the installation instructions on the Talk to Figma GitHub repository. Clone the repo, install dependencies, and add the server config to your AI client.
Which AI clients work with Talk to Figma?
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 Talk to Figma free to use?
Yes, Talk to Figma is open source and available under the MIT License license. You can use it freely in both personal and commercial projects.
Talk to Figma Alternatives — Similar Developer Tools Servers
Looking for alternatives to 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 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 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.