Productivity & Workflow
Developer Tools
Design Tools
Cursor Talk To Figma icon

Cursor Talk To Figma

Createdsonnylazuardi

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

Github Repo

About

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

  • 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

Use Cases

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