Figma MCP Server

@QnoteAITeam

Repository

Basic information

About Figma MCP Server

A real-time WebSocket server for multi-user cursor collaboration in Figma using the Multi-Cursor Protocol (MCP).

Figma MCP Server config

No standard config provided

This server doesn't expose a parseable MCP config block in its README. See the repository for install instructions.

Repository

Figma MCP Server tools

Tool list not available yet

This listing does not currently have a tool list to display. This does not mean the server has no tools; check its documentation for supported capabilities.

We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.

Overview

What is Figma Mcp Server?

The Figma Mcp Server is a WebSocket server that implements Figma’s Multi-Cursor Protocol (MCP) for managing real-time cursor presence across multiple users in collaborative applications. It is designed for developers building live cursors with metadata like color, name, or pointer style.

How to use Figma Mcp Server?

Install dependencies with bun install, then start the WebSocket server with bun socket. Ensure clients connect via ws:// or wss:// as appropriate.

Key features of Figma Mcp Server

Implements Figma’s lightweight Multi-Cursor Protocol (MCP)
Manages real-time cursor position broadcasting per user
Supports optional metadata: username, color, avatar, etc.
Uses rooms to scope user visibility (optional)
Fast, simple, and extensible for collaborative environments

Use cases of Figma Mcp Server

Add live cursors to a collaborative whiteboard or editor
Show multiple users’ pointer positions in a design tool
Broadcast cursor positions with custom metadata like name or color
Scope visibility of cursors by logical room or session

Frequently asked questions

What is the Multi-Cursor Protocol (MCP)?

MCP is a lightweight protocol from Figma for real-time cursor presence. It defines how clients connect, broadcast cursor position, and disconnect, supporting metadata like color, name, or pointer style.

How do I install and run Figma Mcp Server?

Run `bun install` to install dependencies, then `bun socket` to start the WebSocket server. It requires Bun, a fast JavaScript runtime.

What are the key concepts of MCP?

Concepts include Session ID (unique client ID), Cursor Position (x, y coordinates), Metadata (optional info like username/color), and Rooms (optional groups to scope user visibility).

What dependencies or runtime does the server require?

The server runs on Bun (a JavaScript runtime). No other runtime dependencies are mentioned in the README.

How do clients connect and what transport is used?

Clients connect via WebSocket using `ws://` or `wss://` to the running server. The protocol handles real-time cursor broadcasting.

Comments

More Media & Design MCP servers

Designesy

LE-VAI

Design quality gate for AI-generated UI. Scores any live URL against a published contract of deterministic checks, with an A–F grade, a per-check breakdown and AI-slop pattern findings; validates DTCG token files and Lot

getimg

getimg.ai

Create and edit images, videos, music, speech, and sound effects with your getimg account. Use ready-made workflows for professional headshots, photo restoration, stickers, lighting changes, background cleanup, product v

Blaze

Plan, create and schedule social media content from your AI assistant. Blaze makes on-brand posts, carousels and short videos, writes blog posts and newsletters, and schedules them to Instagram, TikTok, YouTube, LinkedIn

Katto

AI video clipping MCP server for scored, captioned vertical shorts, with 29 documented tools and dubbing in 19 languages. Hosted OAuth connection with a local installation option.

CoDesign

IMG.LY

Give your AI agent a real design engine. Create, edit and export real, editable designs from Claude Code, Codex, Cursor and more.