Cursor Talk To Figma

•
5.0k
•

Enables programmatic interaction between Cursor AI and Figma, allowing for design reading and modification.

This tool facilitates a Model Context Protocol (MCP) integration between Cursor AI and Figma, enabling Cursor to interact with Figma designs programmatically. It uses a WebSocket server for communication between a Figma plugin and a TypeScript MCP server, allowing users to retrieve design information, create and modify elements, apply styles, manage layout, and even execute arbitrary code within Figma directly from Cursor. This integration streamlines design workflows and enhances collaboration between AI-powered coding environments and design platforms.

Key Features

01Apply styles (fill color, stroke color, corner radius)
021,759 GitHub stars
03Create and modify Figma elements (rectangles, frames, text)
04Execute arbitrary JavaScript code in Figma
05Retrieve Figma document and node information
06Manage layout and organization of nodes

Use Cases

01Generating design elements programmatically from Cursor AI.
02Integrating design workflows with AI-assisted coding environments.
03Automating design modifications based on AI-driven insights.