What is TalkToFigma?
TalkToFigma is a Model Context Protocol (MCP) integration that allows AI agents (such as Cursor and Claude Code) to read and modify Figma designs programmatically. It uses a WebSocket server to facilitate communication between an MCP server and a Figma plugin.
How to use TalkToFigma?
Install Bun, run bun setup, then start the WebSocket server with bun socket. Install the Figma plugin from the community page or locally. In Cursor, add the MCP server to ~/.cursor/mcp.json. Open Figma, run the plugin, join a channel with join_channel, and then use Cursor to invoke MCP tools.
Key features of TalkToFigma
- Read and modify Figma documents via AI agents
- Bulk text content replacement across multiple nodes
- Instance override propagation for component instances
- Create and manage annotations with markdown support
- Export nodes as images (PNG, JPG, SVG, PDF)
- Prototyping and connector creation between nodes
Use cases of TalkToFigma
- Automate design updates by sending natural language commands from Cursor
- Bulk replace text in multiple Figma text nodes at once
- Convert prototype reactions into FigJam connector lines for flow visualization
- Propagate component instance overrides across multiple targets
- Create and manage annotations on Figma nodes programmatically
コメント