Talk to Figma Desktop
A powerful desktop application bridging Figma and AI tools via Model Context Protocol Seamless integration between Figma designs and AI assistants
What is Talk to Figma Desktop?
Talk to Figma Desktop is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to powerful desktop application bridging figma and ai tools via model context protocol seamless integration between figma designs and ai assistants
A powerful desktop application bridging Figma and AI tools via Model Context Protocol Seamless integration between Figma designs and AI assistants
This server falls under the Developer Tools category on MCPgee, the world's largest MCP server directory with 33,000+ servers.
Features
- A powerful desktop application bridging Figma and AI tools v
Use Cases
Maintainer
Works with
Installation
Manual Installation
npx talktofigmadesktopConfiguration
Configuration Details
claude_desktop_config.json
Performance
Response Metrics
Resource Usage
How to Set Up and Use Talk to Figma Desktop
Talk to Figma Desktop is a desktop application and MCP server that bridges AI assistants with the Figma design tool, enabling AI agents to read design files, inspect components, and make real-time modifications to designs through natural language instructions. It runs a local WebSocket server on port 3055 and exposes over 50 MCP tools covering design reading, component manipulation, layer operations, and real-time synchronization. Designers and frontend developers use it to accelerate UI iteration by instructing Claude or other AI tools to apply design changes directly inside Figma.
Prerequisites
- A Figma account with access to the Figma desktop application or web editor
- Node.js 18+ installed for building from source (or use a pre-built release)
- The TalkToFigma Figma plugin installed from the Figma Community marketplace
- An MCP-compatible client such as Claude Desktop or Cursor
- Port 3055 available and not blocked by a firewall
Download or build the desktop application
Clone the repository and build the Electron desktop app, or download a pre-built release from the GitHub releases page for your platform.
git clone https://github.com/grab/TalkToFigmaDesktop.git
cd TalkToFigmaDesktop
npm install
npm run make # Creates installable package for your OSLaunch the desktop application
Open the TalkToFigma application. It will appear in your system tray. Right-click the tray icon and select 'Start Server' to begin the WebSocket server on port 3055.
Install the Figma plugin
In Figma, go to the Community tab and search for 'TalkToFigma'. Install and run the plugin inside your design file. The plugin connects to the local WebSocket server at localhost:3055.
Configure your MCP client
Add the TalkToFigma MCP server to your claude_desktop_config.json using the path to the mcp-server.cjs file installed by the desktop app. The path varies by OS.
{
"mcpServers": {
"TalkToFigmaDesktop": {
"command": "node",
"args": ["/Users/yourname/Library/Application Support/TalkToFigma/mcp-server.cjs"]
}
}
}Restart Claude Desktop
Save the config and restart Claude Desktop. The Figma design tools should now appear in Claude's available tool list.
Open a Figma file and start the plugin
Open any Figma design file, run the TalkToFigma plugin from the plugins menu, and confirm it shows 'Connected' status before sending AI instructions.
Talk to Figma Desktop Examples
Client configuration
Claude Desktop configuration for TalkToFigmaDesktop using the stdio MCP server installed by the app (macOS path shown).
{
"mcpServers": {
"TalkToFigmaDesktop": {
"command": "node",
"args": [
"/Users/yourname/Library/Application Support/TalkToFigma/mcp-server.cjs"
]
}
}
}Prompts to try
Example prompts for interacting with Figma designs through Claude via the TalkToFigmaDesktop MCP server.
- "Read the current Figma frame and describe the layout structure."
- "Change the background color of the hero section to #1A1A2E."
- "List all the components on the current page and their names."
- "Add a new text layer with the content 'Welcome Back' and set the font size to 32."
- "Make the button in frame 'Login Screen' have rounded corners with a radius of 8px."Troubleshooting Talk to Figma Desktop
Figma plugin shows 'Disconnected' and cannot connect to the server
Make sure the TalkToFigma desktop application is running and the server is started (right-click tray icon → Start Server). Verify port 3055 is not blocked: run 'lsof -i :3055' on macOS/Linux or 'netstat -ano | findstr :3055' on Windows.
mcp-server.cjs path not found in Claude Desktop config
On macOS the file is at ~/Library/Application Support/TalkToFigma/mcp-server.cjs. On Windows (standard install) it is at %APPDATA%\TalkToFigma\mcp-server.cjs. Ensure the desktop app has been installed and run at least once before configuring the path.
Claude sends design commands but nothing changes in Figma
The Figma plugin must be actively running inside the open Figma file. Switching files or reloading Figma will disconnect the plugin — restart it from the plugins menu and confirm it shows 'Connected' before retrying.
Frequently Asked Questions about Talk to Figma Desktop
What is Talk to Figma Desktop?
Talk to Figma Desktop is a Model Context Protocol (MCP) server that powerful desktop application bridging figma and ai tools via model context protocol seamless integration between figma designs and ai assistants It connects AI assistants to external tools and data sources through a standardized interface.
How do I install Talk to Figma Desktop?
Follow the installation instructions on the Talk to Figma Desktop GitHub repository. Clone the repo, install dependencies, and add the server config to your AI client.
Which AI clients work with Talk to Figma Desktop?
Talk to Figma Desktop 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 Desktop free to use?
Yes, Talk to Figma Desktop is open source and available under the MIT license. You can use it freely in both personal and commercial projects.
Talk to Figma Desktop Alternatives — Similar Developer Tools Servers
Looking for alternatives to Talk to Figma Desktop? 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 Desktop 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 Desktop?
Browse our complete directory of 33,000+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.