Cursor Figma Connector

Example Use Cases

• 1

  Read Figma document structure and current selection metadata to inform downstream actions or generate design-aware outputs.

• 2

  Perform bulk text updates, create or modify nodes (text, frames, rectangles), and apply styling programmatically across a design.

• 3

  Annotate, scan for specific node types, create component instances, or export nodes as images to support automated design workflows and reporting.

Description

This project implements a Model Context Protocol (MCP) integration between Cursor and Figma, including a TypeScript MCP server, a Figma plugin, and a WebSocket relay that coordinates communication. It provides tools to inspect documents and selections, create and modify nodes (text, frames, rectangles), manage annotations, batch-update text, handle styles and components, and export nodes. The integration is useful for automating design tasks, bulk text replacements, and building agent workflows that need direct programmatic access to Figma files.

Capabilities(46 total)