Connect to Claude
Developer Tools
Collaboration Tools
Design Tools
Cursor Talk To Figma icon

Cursor Talk To Figma

Createdyhc984

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

Github Repo

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.