grab/cursor-talk-to-figma-mcp

What it solves

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

How it works

The system uses the Model Context Protocol (MCP) to connect an AI agent to a Figma plugin. A WebSocket server acts as the intermediary, facilitating real-time communication between the the MCP server (which the AI agent uses) and the Figma plugin (which executes the commands within the Figma environment).

Who it’s for

Designers and developers who use AI-powered IDEs like Cursor and want to automate repetitive design tasks, manage component overrides, or convert prototype flows into visual connectors.

Highlights

• Comprehensive Design Control: Tools for creating, moving, resizing, and deleting frames, rectangles, and text nodes.
• Automated Text Management: Ability to scan text nodes and perform bulk text content replacements.
• Component Intelligence: Tools to extract and apply overrides from component instances to maintain consistency across designs.
• Layout Automation: Programmatic control over Auto Layout settings, including padding, alignment, and spacing.
• Prototyping Visualization: Ability to convert prototype reactions into FigJam connector lines for better flow mapping.
• Annotation Support: Tools to create and update native Figma annotations with markdown support.