Design / CONNECTION GUIDE

Figma MCP Servers for Claude Code, Codex & Cursor

Design files and connect the desktop application to agents through official and community MCP servers.

Integration documentation

Figma integrations and connections

MCP · Live app

Figma desktop MCP

Read design context from Figma using its built-in local MCP server.

Platforms: macOS, Windows

Claude Code · Documented

The integration documentation explicitly names this client.

Codex · Documented

The integration documentation explicitly names this client.

Cursor · Documented

The integration documentation explicitly names this client.

Requirements and limitations

Figma desktop and a Dev or Full seat on an eligible paid or education plan; enable the desktop MCP server.

The desktop server does not write to the canvas; Figma offers a separate remote server.

View setup Maintainer documentation

MCP · Live app

Figma Bridge MCP

A community plugin and local server connect agents to the Figma desktop Plugin API.

Platforms: Not documented

Claude Code · Documented

The integration documentation explicitly names this client.

Codex · MCP compatible

MCP support suggests compatibility; this client is not documented by the maintainer.

Cursor · Documented

The integration documentation explicitly names this client.

Requirements and limitations

Bun 1.1+, Figma desktop, file edit access and the development plugin.

The desktop development plugin and a running local relay are required.

View setup Maintainer documentation

Compare connections

Compare how each route works, what it can do, and what you need to run it.

Connection	Workflow and platform	Capabilities	Documented agents	Requirements and limitations
Figma desktop MCP MCP	Live app macOS, Windows	Read design context Read components and variables Access design assets	Claude Code, Codex, Cursor	Figma desktop and a Dev or Full seat on an eligible paid or education plan; enable the desktop MCP server. The desktop server does not write to the canvas; Figma offers a separate remote server.
Figma Bridge MCP MCP	Live app Not documented	Inspect the document Create frames Edit design elements	Claude Code, Cursor	Bun 1.1+, Figma desktop, file edit access and the development plugin. The desktop development plugin and a running local relay are required.

Figma desktop MCP

How it works
MCP · Live app
macOS, Windows

Capabilities
Read design context · Read components and variables · Access design assets

Documented agents
Claude Code · Codex · Cursor

Requirements and limitations

Figma desktop and a Dev or Full seat on an eligible paid or education plan; enable the desktop MCP server.

The desktop server does not write to the canvas; Figma offers a separate remote server.

Figma Bridge MCP

How it works
MCP · Live app
Not documented

Capabilities
Inspect the document · Create frames · Edit design elements

Documented agents
Claude Code · Cursor

Requirements and limitations

Bun 1.1+, Figma desktop, file edit access and the development plugin.

The desktop development plugin and a running local relay are required.

Choose an AI agent

Claude Code + Figma Codex + Figma Cursor + Figma

Questions before setup

Does one integration cover every workflow?

No such claim is made. Check the capability list, requirements and limitations of each route, then test a copy of a representative project.