TalkToFigma MCP

Normal
GitHub JavaScript MIT

Description

TalkToFigma is an MCP integration tool that enables AI agents (Cursor, Claude Code) to communicate with Figma for reading designs and modifying them programmatically.

Key Features

  • MCP server enabling AI agents (Cursor, Claude Code) to read and programmatically modify Figma designs
  • WebSocket-based communication between MCP server and Figma plugin
  • Rich Figma operations: read document info, manage selections, create/modify/delete nodes
  • Bulk text content replacement and instance override propagation for large-scale design automation
  • Auto Layout and styling controls: padding, alignment, sizing, fill colors, strokes, corner radius
  • Component system support: get local components, create instances, extract and apply overrides

Use Cases

💡 Automated design-to-code workflows where AI agents read Figma designs and generate implementation code
💡 Bulk design updates: replacing text content, styles, or component instances across large Figma files
💡 Design system enforcement where agents verify and fix design consistency across pages
💡 Rapid prototyping by having AI agents create and modify Figma layouts programmatically

Tags

mcp figma design ai-agent cursor automation

Categories

🔌 MCP Tools

Quick Start

1. Install Bun: `curl -fsSL https://bun.sh/install | bash`
2. Run setup (installs MCP in Cursor): `bun setup`
3. Start WebSocket server: `bun socket`
4. Install Figma plugin from Figma Community and connect to the WebSocket channel
5. Use Cursor to issue design commands via the MCP tools
Visit GitHub Visit Website

Related Projects