grab

Cursor Talk To Figma MCP — AI skill for Claude Code

AI community

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 programmatically.

How to install Cursor Talk To Figma MCP

This entry records only its repository, not the path inside it, so there is no exact command to give. Open grab/cursor-talk-to-figma-mcp and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Cursor Talk To Figma MCP does

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 programmatically.

Alternatives in AI

Open Pencil — AI-native design editor 8k ★
Claude Squad — by smtg-ai - Claude Squad is a terminal app that manages multiple Claude Code, Codex (and other local agents i 6.5k ★
Claude Code.nvim — by greggh - A seamless integration between Claude Code AI assistant and Neovim 1.9k ★

README

Talk to Figma MCP

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 designs and modifying them programmatically.

https://github.com/user-attachments/assets/129a14d2-ed73-470f-9a4c-2240b2a4885c

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

How to use

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

NEW Install Figma plugin from Figma community page or install locally

Quick Video Tutorial

[Video Link](https://www.linkedin.com/posts/sonnylazuardi_just-wanted-to-share-my-latest-experiment-activity-7307821553654657024-yrh8)

Design Automation Example

**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.youtube.com/watch?v=j05gGT3xfCs).

**Instance Override Propagation** Another contribution from [@dusskapark](https://github.com/dusskapark) Propagate component instance overrides from a source instance to multiple target instances with a single command. This feature dramatically reduces repetitive design work when working with component instances that need similar customizations. Check out our [demo video](https://youtu.be/uvuT8LByroI).