Cursor Talk to Figma MCP

This project facilitates communication between Cursor AI and Figma using the Model Context Protocol (MCP), enabling Cursor to read and programmatically modify Figma designs. It comprises a TypeScript MCP server (src/talk_to_figma_mcp/), a Figma plugin (src/cursor_mcp_plugin/), and a WebSocket server (src/socket.ts) for communication.

To get started, install Bun, run bun setup, start the WebSocket server with bun socket, and launch the MCP server using bunx cursor-talk-to-figma-mcp. The Figma plugin can be installed by linking the manifest.json file in Figma's development plugin settings.

The MCP provides tools for document and selection information, element creation (rectangles, frames, text), text content modification, styling (colors, corner radius), layout manipulation (move, resize, delete, clone), component handling, and advanced features like node exporting and arbitrary code execution. It also includes join_channel for connection management. Best practices include joining a channel, getting document overview, checking selection, and using component instances for consistency.