cursor-talk-to-figma-mcp

MCP.Pizza Chef: grab

Built for Cursor and other coding assistants, this pairs an MCP server with a Figma plugin so the assistant can see your current selection and act on it. It can read a design's frames and text, create rectangles, frames, and text, change colors, spacing, and corner radius, swap the copy in hundreds of text layers at once, and export a piece as an image. Setup takes a few steps: install Bun, run the bundled setup, start a small local server, and add the plugin inside Figma.

Coding

Images/Design

Use This MCP server To

Replace all the placeholder text in a design at once Change the colors and spacing of a selected frame Ask what is inside the frame I have selected Export a selected design piece as an image Copy one component's overrides onto many others Add annotations to a design for handoff

README

Cursor Talk to Figma MCP

This project implements a Model Context Protocol (MCP) integration between Cursor AI and Figma, allowing Cursor to communicate with Figma for reading designs and modifying them programmatically.

cursorfigmavideo.mp4

Project Structure

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 server that facilitates communication between the MCP server and Figma plugin

Get Started

Install Bun if you haven't already:

curl -fsSL https://bun.sh/install | bash

Run setup, this will also install MCP in your Cursor's active project

bun setup

Start the Websocket server

bun socket

MCP server

bunx cursor-talk-to-figma-mcp

NEW Install Figma plugin from Figma community page or install locally

Quick Video Tutorial

cursor-talk-to-figma-mcp FAQ

Which apps does this work in?

It is built for Cursor, and also works with Claude Code, Codex, and other assistants that speak MCP.

Can I use this to swap out all the dummy copy in a mockup?

Yes — bulk text replacement is one of its headline features.

Do I need anything installed in Figma?

Yes — a companion Figma plugin, available from the Figma community page or installed locally.

How hard is setup?

Involved: install Bun, run the setup command, keep a small local server running, and connect the Figma plugin to it.

Can it create new elements, or only read existing ones?

Both — it can read a design and also create text, frames, and shapes, then restyle them.

Does it work on the file I already have open?

Yes — you join a channel from the plugin, and the assistant then works with your current document and selection.