Cursor to Figma MCP

Example Use Cases

• 1

  Programmatically inspect and traverse a Figma document (get_document_info, get_selection, get_node_info) to inform design-aware decisions.

• 2

  Create, modify, or batch-update design elements (create_frame, create_text, set_text_content, set_fill_color, move_node, delete_multiple_nodes) in an automated workflow.

• 3

  Scan for and manage annotations or export visual assets (get_annotations, set_multiple_annotations, export_node_as_image) to support design review, migration, or content updates.

Description

This repository implements a Model Context Protocol (MCP) integration connecting Cursor AI with Figma. It includes an MCP WebSocket server, a TypeScript MCP server for Figma, and a Figma plugin that talks to the WebSocket to run commands. The integration provides tools for reading document and node info, scanning and updating text, creating and styling nodes, managing annotations, exporting images, and connection/channel management. Plugin UI and feature code are isolated from the MCP logic to keep integration safe and modular.

Capabilities(46 total)