Verified project record

grab/cursor-talk-to-figma-mcp

This project provides a TypeScript MCP server that lets AI coding agents such as Cursor, Claude Code, and Codex read and modify Figma designs programmatically through a WebSocket-connected Figma plugin.

Project overview

Project type: MCP · AI Agent
Use cases: Documents & Office · Automation
Deployment: Refer to project documentation
License: MIT

Best for

Developers using AI agents who need to programmatically read, modify, and automate Figma designs.

Key capabilities

A TypeScript MCP server that facilitates Figma integration by exposing tools to read, modify, and manage designs.
A WebSocket server that facilitates communication between the MCP server and the Figma plugin.
A Figma plugin for communicating with Cursor through the WebSocket server.
Provides tools to get document info, read selections, get node details, scan text nodes, and extract annotations.
Provides tools to create, move, resize, delete elements, and set layouts, styles, and text content.
Offers features for bulk text content replacement and component instance override propagation.

Limitations and risks

Exporting a node as an image has limited support and currently returns base64 as text.
All commands can throw exceptions, requiring appropriate error handling during automation.

Getting started

Setup is of medium difficulty, requiring the installation of the Bun dependency, running the setup script, starting the WebSocket server manually, installing the Figma plugin, and configuring the MCP client.

Evidence and sources

GitHub project description: 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 programm…
README: - `src/talk_to_figma_mcp/` - TypeScript MCP server for Figma integration - `src/cursor_mcp_plugin/` - Figma plugin for communicating with Cursor - `src/socket.ts` - WebSocket serv…
README: This project implements a Model Context Protocol (MCP) integration between AI agent (Cursor, Claude Code) and Figma, allowing AI agent to communicate with Figma for reading design…
README: **Bulk text content replacement** Thanks to [@dusskapark](https://github.com/dusskapark) for contributing the bulk text replacement feature. Here is the [demo video](https://www.y…
README: - `get_document_info` - Get information about the current Figma document - `get_selection` - Get information about the current selection - `read_my_design` - Get detailed node inf…

Reviewed at: 2026-07-18T06:52:10Z