Figma Cursor MCP

Example Use Cases

• 1

  Generate or modify Figma designs via natural language commands (create frames, text, rectangles, and component instances).

• 2

  Inspect and extract document or node information from Figma (get document info, selection, node details, and styles) to inform downstream decisions.

• 3

  Apply design-system workflows and layout automation (use UI kit libraries, create UI kit components/layouts, and apply styling and layout changes programmatically).

Description

This Model Context Protocol integration provides a bridge between Cursor AI and Figma, enabling bidirectional communication to create, update, inspect, and export Figma documents programmatically. It supports element creation (frames, rectangles, text, component instances), styling and layout changes, UI kit and design-system workflows, and exporting nodes as images. The project includes a Figma development plugin and a TypeScript MCP server intended to run with the Bun runtime, streamlining AI-driven design workflows and automations.

Capabilities(46 total)