Cursor Talk To Figma

概要

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.

主な機能

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

ユースケース

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