Cursor Talk To Figma icon

Cursor Talk To Figma

Createdyhc984

Enables Cursor AI to interact with Figma, allowing programmatic design modification and data extraction.

About

This tool provides a Model Context Protocol (MCP) integration between Cursor AI and Figma, facilitating communication for reading and modifying Figma designs programmatically. It includes a TypeScript MCP server for Figma integration, a Figma plugin for communication, and a WebSocket server to bridge the gap between them. Users can leverage Cursor to create, style, organize, and extract information from Figma designs through a suite of MCP tools.

Key Features

  • Manage Figma components and styles.
  • Extract information about Figma documents, selections, and nodes.
  • Customize styling, layout, and organization of Figma designs.
  • Execute arbitrary JavaScript code within Figma (use with caution).
  • Programmatically create and modify Figma elements.

Use Cases

  • Automated design adjustments based on code changes.
  • Real-time data synchronization between code and design.
  • Programmatic creation of design variations for A/B testing.
Craft Better Prompts with AnyPrompt