Repolode
Submit
grab

grab/cursor-talk-to-figma-mcp

An MCP server and Figma plugin that let AI agents like Cursor and Claude Code read and modify Figma designs programmatically.

View on GitHubWebsite
Stars
7,065
Forks
782
Open issues
93
Last commit
3 months ago

What is it?

Talk to Figma MCP connects AI coding agents such as Cursor and Claude Code to Figma. It runs a TypeScript MCP server and a WebSocket server, which relay commands to a Figma plugin running inside the design file. Once connected, an agent can inspect the document, selection and node properties, then create frames, rectangles and text, change fills, strokes and auto-layout settings, and export nodes.

The toolset also covers batch work on larger files, such as bulk text replacement, scanning text nodes in chunks, and propagating component instance overrides from one source instance to many targets. Helper prompts guide the agent through tasks like converting legacy annotations into native Figma annotations or turning prototype reactions into FigJam connectors.

Setup involves installing Bun, running the setup command, starting the socket server, installing the Figma plugin, and joining a channel from the plugin before issuing commands. The project includes a Windows and WSL guide that changes the socket hostname.

Key features

  • 01Reads document, selection and node details from Figma through MCP tools.
  • 02Creates frames, rectangles, text nodes, sections and component instances.
  • 03Edits fills, strokes, corner radius, auto-layout padding, spacing and sizing.
  • 04Performs bulk text replacement and propagates instance overrides across multiple targets.
  • 05Creates native annotations and FigJam connectors from prototype reactions.
  • 06Exports nodes as PNG, JPG, SVG or PDF.

Use cases

  • Bulk-updating copy across a large marketing or localization design file.
  • Scaffolding layouts or frames from an agent prompt inside Cursor or Claude Code.
  • Migrating legacy annotations and prototype flows into Figma's native features.
  • Propagating customizations from one component instance to many similar instances.

Quick start

  1. 1

    Install Bun using the official install script from the README

  2. 2

    Run setup to install the MCP server into your Cursor project

    bun setup
  3. 3

    Start the WebSocket server

    bun socket
  4. 4

    Install the Figma plugin from the Figma community page

Things to know

  • You must keep the WebSocket server running and join a channel from the Figma plugin before the agent can work with Figma.
  • On Windows with WSL, you must edit src/socket.ts by hand to allow connections.

Topics

#figma#mcp#ai-agents#design-automation#websocket#typescript#agent#agentic#agentic-ai#ai

FAQ

What is cursor-talk-to-figma-mcp?
An MCP server and Figma plugin that let AI agents like Cursor and Claude Code read and modify Figma designs programmatically. Talk to Figma MCP connects AI coding agents such as Cursor and Claude Code to Figma. It runs a TypeScript MCP server and a WebSocket server, which relay commands to a Figma plugin running inside the design file. Once connected, an agent can inspect the document, selection and node properties, then create frames, rectangles and text, change fills, strokes and auto-layout settings, and export nodes.
Is cursor-talk-to-figma-mcp free to use? What license does it have?
cursor-talk-to-figma-mcp is open source under the MIT license. Check the license terms before using it in commercial products.
Is cursor-talk-to-figma-mcp still maintained?
Updated within 6 months. The last commit to cursor-talk-to-figma-mcp was on Jul 26, 2026.
What can I use cursor-talk-to-figma-mcp for?
Bulk-updating copy across a large marketing or localization design file. Scaffolding layouts or frames from an agent prompt inside Cursor or Claude Code. Migrating legacy annotations and prototype flows into Figma's native features. Propagating customizations from one component instance to many similar instances.
How do I install cursor-talk-to-figma-mcp?
Install Bun using the official install script from the README Run setup to install the MCP server into your Cursor project: bun setup Start the WebSocket server: bun socket Install the Figma plugin from the Figma community page
Where can I get cursor-talk-to-figma-mcp?
The source code and installation instructions are on GitHub: https://github.com/grab/cursor-talk-to-figma-mcp

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects