cursor-talk-to-figma-mcp
TalkToFigma: MCP integration between AI Agent (Cursor, Claude Code, Codex) and Figma, allowing Agentic AI to communicate with Figma for reading designs and modifying them programmatically.
The cursor-talk-to-figma-mcp server creates a bridge between AI coding assistants and Figma, enabling agents to programmatically read design files and modify them. It uses a WebSocket relay and Figma plugin architecture to expose design operations through MCP tools. Developers can automate bulk text updates, extract component overrides, create design elements, convert prototype flows to connectors, and apply styling changes—all through natural language commands in their AI editor.
Key Features
Use Cases
- 01Automating bulk content updates across multiple design frames and text layers
- 02Converting manual annotation workflows to Figma's native annotation system
- 03Propagating component customizations from one instance to many target instances
- 04Generating FigJam connector diagrams from existing prototype interaction flows
- 05Creating design variations programmatically by cloning and modifying nodes
- 06Extracting design tokens and style information for design system documentation
Related MCP Servers
View moremarkitdown
Python tool for converting files and office documents to Markdown.
firecrawl
The context API to search, scrape, and interact with the web at scale. 🔥
prompts.chat
f.k.a. Awesome ChatGPT Prompts. Share, discover, and collect prompts from the community. Free and open source — self-host for your organization with complete privacy.
langflow
Langflow is a powerful tool for building and deploying AI-powered agents and workflows.
cursor-talk-to-figma-mcp — FAQ
What is cursor-talk-to-figma-mcp?+
It's an MCP server that connects AI coding assistants like Cursor and Claude Code to Figma through a WebSocket relay and Figma plugin, allowing agents to read and modify designs programmatically.
How do I install the Figma MCP server in Cursor?+
Add an entry to ~/.cursor/mcp.json with "command": "bunx" and "args": ["cursor-talk-to-figma-mcp@latest"]. You'll also need to install Bun, run the WebSocket server with 'bun socket', and install the companion Figma plugin from the community page.
Which AI clients work with this MCP server?+
It works with Cursor and Claude Code. Any MCP-compatible client can use the server, but you'll also need to run the WebSocket relay and install the Figma plugin.
Do I need a Figma API key?+
No API key is required. The integration uses a Figma plugin and WebSocket server to communicate, so you just need a Figma account with access to the files you want to modify.
Is cursor-talk-to-figma-mcp free to use?+
Yes, it's open source under the MIT license and free to use. The Figma plugin is available from the Figma community page at no cost.
What are the prerequisites to run this MCP server?+
You need Bun installed as the JavaScript runtime, a running WebSocket server (started with 'bun socket'), and the Cursor Talk to Figma plugin installed and active in your Figma file.
How do I install cursor-talk-to-figma-mcp?+
Open the source repository on GitHub and follow its README. cursor-talk-to-figma-mcp is a mcp server — MCP Agents Market links you directly to the official repo.
Is cursor-talk-to-figma-mcp free?+
cursor-talk-to-figma-mcp is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.