Which integrations are available for this server?

Enables chat-driven design creation and editing on Figma canvases, allowing users to create frames, shapes, text, and components, manage design variables, and inspect page structures directly through an AI interface. Provides capabilities for creating vector graphics from SVG markup, exporting design nodes as SVG files, and generating AI-powered SVG assets.

1. Click on "Deploy Server". 2. Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state. 3. In the chat, type @ followed by the MCP server name and your instructions, e.g., "@Figsor Create a mobile login screen with email and password fields" That's it! The server will respond to your query, and you can continue using it as needed. Here is a step-by-step guide with screenshots.

Figsor

by AsifKabirAntu

Overview Schema Source Related Servers Discussions Admin

JavaScript

Local

Figsor

Chat in Cursor. Design in Figma.

Figsor is an MCP server that bridges Cursor AI to Figma, 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

Open a Figma file
Run the Figsor plugin (Plugins → Development → Figsor)
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"

Related MCP server: Cursor Talk to Figma MCP

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
`read_node_properties`	Inspect any node's properties
`find_nodes`	Search for elements by name or type
`set_selection`	Select and zoom to elements
`get_local_styles`	Read the file's design tokens
`list_components`	Browse available components
`create_component_instance`	Use existing components
`detach_instance`	Convert instances to frames

Vector Drawing & Advanced Fills

Tool	Description
`create_vector`	Draw custom shapes with the pen tool
`boolean_operation`	Union, subtract, intersect, or exclude shapes
`flatten_nodes`	Flatten nodes into a single editable vector
`set_fill`	Apply solid colors, linear/radial/angular/diamond gradients, multiple fills

Image, Typography & Constraints

Tool	Description
`set_image_fill`	Place image fills on nodes
`style_text_range`	Apply mixed styling within text
`set_constraints`	Set responsive constraints
`list_available_fonts`	Discover available fonts

Component & Variable Tools

Tool	Description
`create_component`	Create a new main component
`create_component_set`	Combine components into a variant set
`create_variable_collection`	Create a design token collection with modes
`create_variable`	Create a COLOR, FLOAT, STRING, or BOOLEAN token
`bind_variable`	Bind a token to a node property
`get_variables`	List all variable collections and tokens

SVG Export & Animation

Tool	Description
`export_as_svg`	Export any node as SVG markup
`show_animation_preview`	Live animated SVG previews + ZIP download

AI-Powered SVG (Quiver)

Tool	Description
`quiver_generate_svg`	Generate SVG graphics from text prompts
`quiver_vectorize_svg`	Convert raster images to clean SVG

Peer Design (Multi-Agent)

Tool	Description
`spawn_design_agent`	Spawn AI designer agents with visible cursors
`dismiss_design_agent`	Remove an agent cursor
`dismiss_all_agents`	Remove all agent cursors

Design Craft Guide

Tool	Description
`get_design_craft_guide`	Professional design rules — typography, color, spacing, anti-AI-slop

Pro: Design System Integration

Connect your Figma design system libraries so the AI uses YOUR components, not generic ones.

Scan & import library components
Search across your design system
Save & switch between libraries
Generate designs with your DS

Get Figsor Pro → — $9 one-time purchase

Requirements

Node.js 18 or later
Figma desktop or web app
Cursor IDE with MCP support (or any MCP-compatible client — see below)

Using with Claude Code

Figsor works with any MCP client, not just Cursor. To use it with Claude Code:

claude mcp add --transport stdio --scope project figsor -- npx -y figsor

Or add to .mcp.json in your project root:

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

Then follow the same steps — open Figma, run the Figsor plugin, and chat.

Configuration

Environment Variable	Default	Description
`FIGSOR_PORT`	`3055`	WebSocket server port

License

This server cannot be deployed

One endpoint for every MCP toolRayrun runs every MCP server behind one URL and holds the credentials. Each call is decided per client, tool, and argument, then recorded.ray.runAd

Maintenance

ActivityInactive

ResponsivenessNo issues

Resources

Need Help?

Related Servers

Related MCP Connectors

Figma MCP ServerOAuth
com.figma.mcp
The Figma MCP server brings Figma design context directly into your AI workflow.
Developer Tools Content Management Systems
31,977
NexDoc Design AOAuth
design.nexdoc.mcp
Give your AI agents a design superpower. Generate, edit, and publish publication-grade decks, reports, landing pages, resumes, and marketing visuals directly within your agent workflow. Delivering frontier-level design quality at 3× the speed and 53× lower cost -from conversational prompt to live link or vector PDF in minutes.
Design Tools Marketing
151
mcp BOAuth
com.webflow
AI-powered design and management for Webflow Sites
Content Management Systems Web Scraping Marketing
2140
design-system
app.zaklad
Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.
Design Tools Developer Tools
2

Related MCP Servers

Talk to Figma MCP
Developer Tools App Automation
yhc984
F
license
B
quality
D
maintenance
Enables Cursor AI to interact with Figma designs, allowing users to read design information and programmatically modify elements through natural language commands.
Updated a year ago (2025-03-21 00:26 UTC)
40
707 npm
3
-
Cursor Talk to Figma MCP
App Automation Content Management Systems
andreycretsu
A
license
B
quality
Not graded
maintenance
Enables Cursor AI to communicate with Figma for reading designs and modifying them programmatically, allowing users to automate design tasks through natural language.
Updated a year ago (2025-06-01 18:14 UTC)
38
707 npm
1
-
Figma MCP Server
App Automation Developer Tools Content Management Systems
AIYA861202
A
license
Not graded
quality
D
maintenance
Enables AI assistants like Cursor to interact with Figma designs programmatically. Supports reading design information, modifying elements, creating components, managing text content, and automating design workflows through natural language commands.
Updated a year ago (2025-10-02 01:36 UTC)
707 npm
MIT
Claude Talk to Figma MCP
Developer Tools App Automation
stranyer
A
license
Not graded
quality
D
maintenance
Enables AI assistants like Claude and Cursor to interact directly with Figma to create, modify, and analyze design elements in real-time. It provides a comprehensive suite of tools for document inspection, styling, component management, and automated layout via a bidirectional WebSocket connection.
Updated 7 months ago (2026-02-16 17:44 UTC)
238 npm
MIT

Appeared in Searches

A server for finding resources, tools, and communities related to Figma (design software)

Figsor

Setup

1. Install the Figma Plugin (Sideload)

2. Add to Cursor

3. Start Designing

Available Tools (45+)

Create & Layout

Read & Inspect

Vector Drawing & Advanced Fills

Image, Typography & Constraints

Component & Variable Tools

SVG Export & Animation

AI-Powered SVG (Quiver)

Peer Design (Multi-Agent)

Design Craft Guide

Pro: Design System Integration

Requirements

Using with Claude Code

Configuration

License

Maintenance

Resources

Related MCP Connectors

Related MCP Servers

Talk to Figma MCP

Cursor Talk to Figma MCP

Figma MCP Server

Claude Talk to Figma MCP

Appeared in Searches