Cursor Figma MCP

Example Use Cases

• 1

  Inspect a Figma document and selection programmatically to build contextual responses or generate summaries of a design.

• 2

  Create, move, resize, style, or delete Figma nodes (frames, rectangles, text) as part of automated UI/UX edits or prototyping workflows.

• 3

  Export design elements as images or execute small JavaScript tasks inside Figma to perform advanced or custom modifications.

Description

This project provides a Model Context Protocol (MCP) server that lets Cursor communicate with Figma using a WebSocket relay and a Figma development plugin. It exposes tools to inspect the document and selection, create and modify nodes (frames, rectangles, text), apply styling, manage components and styles, and export nodes as images. The integration enables automating design edits from Cursor, running small scripts inside Figma, and building agent workflows that manipulate Figma files. Setup is local and developer-focused, requiring Bun, adding the MCP to Cursor, and installing the Figma plugin.

Capabilities(46 total)