Figsor

Figsor

**Chat in Cursor. Design in Figma.**

Figsor is an MCP server that bridges [Cursor AI](https://cursor.sh) to [Figma](https://www.figma.com), enabling chat-driven design creation and editing — directly on your Figma canvas.

Cursor → MCP (stdio) → Figsor Server → WebSocket → Figma Plugin → Design on Canvas

Setup

1. Install the Figma Plugin (Sideload)

Clone this repo and import the plugin into Figma:

https://github.com/AsifKabirAntu/figsor.git

In Figma: **Plugins → Development → Import plugin from manifest** → select `figsor/figma-plugin/manifest.json`

2. Add to Cursor

Open your Cursor MCP settings and add:

{
  "mcpServers": {
    "figsor": {
      "command": "npx",
      "args": ["-y", "figsor"]
    }
  }
}

3. Start Designing

1. Open a Figma file
2. Run the Figsor plugin (Plugins → Development → Figsor)
3. Chat in Cursor:

"Create a mobile login screen with email and password fields"

"Design a dashboard with a sidebar, KPI cards, and charts"

"Edit the selected frame — make the button rounded and change the color to blue"

Available Tools (45+)

Create & Layout

Tool	Description
create_frame	Create frames (screens, sections, cards)
create_text	Add text with font, size, weight, color
create_rectangle	Create rectangles and shapes
create_ellipse	Create circles and ovals
create_line	Create lines and dividers
create_svg_node	Create icons and vector graphics from SVG
set_auto_layout	Configure flexbox-style auto-layout
modify_node	Edit any existing element
set_stroke	Add borders and strokes
set_effects	Add shadows and blur effects
delete_node	Remove elements
move_to_parent	Restructure the layer hierarchy

Read & Inspect

Tool	Description
get_selection	Read the current selection
get_page_structure	Get the full page tree
`r