cursor-talk-to-figma-mcp: an MCP integration that lets AI agents programmatically read and modify Figma designs

What it solves

This project provides a bridge between AI agents (like Cursor or Claude Code) and Figma, allowing these agents to programmatically read, modify, and automate design files. It eliminates the manual effort of translating design requirements into Figma changes by enabling an AI to directly interact with the design canvas.

How it works

The system uses the Model Context Protocol (MCP) to connect an AI agent to a Figma plugin. Communication is handled via a WebSocket server that acts as a relay between the MCP server (which the agent uses) and the Figma plugin (which resides inside the design tool).

Who it’s for

Designers and developers who use AI-powered IDEs like Cursor and want to automate repetitive design tasks, manage bulk content updates, or convert prototype flows into visual diagrams.

Highlights

• Comprehensive Design Toolset: Provides tools for reading document info, managing selections, creating frames, rectangles, and text, and modifying layout properties like Auto Layout and spacing.
• Design Automation: Supports bulk text replacement and the propagation of component instance overrides across multiple targets.
• Prototyping Visualization: Can convert Figma prototype reactions into FigJam connector lines for better visual flow mapping.
• Annotation Management: Includes tools to scan for nodes and create or update native Figma annotations with markdown support.
• Export Capabilities: Allows exporting nodes as images (PNG, JPG, SVG, or PDF).