OfficialDesignremote HTTP

Figma MCP Server

Brings Figma design context into coding agents and lets them write to Figma and FigJam canvases.

Install

Claude Code

claude mcp add --transport http figma https://mcp.figma.com/mcp

Codex

codex mcp add figma --url https://mcp.figma.com/mcp

Cursor

/add-plugin figma

Copilot (VS Code)

{"inputs":[],"servers":{"figma":{"url":"https://mcp.figma.com/mcp","type":"http"}}}

Commands and configuration as given in the server’s documentation (Documentation). Replace placeholders such as API keys with your own values.

Figma MCP Server is Figma’s remote server at mcp.figma.com/mcp, the successor to the Dev Mode MCP server.

The Figma MCP server brings Figma design context into coding agents and lets them write to Figma and FigJam canvases. Figma hosts it over remote HTTP with OAuth sign-in, and only clients listed in Figma’s MCP catalog can connect. The install steps below cover Claude Code, Codex, Cursor and Copilot in VS Code. It replaces the Dev Mode MCP server that ran from the desktop app.

Agents can generate code from selected frames, extract variables, components and layout data, reuse real components through Code Connect, create FigJam diagrams, and create or edit native content on the canvas.

Questions

What can agents do with the Figma MCP server?

They can generate code from selected frames, extract variables, components and layout data, reuse components through Code Connect, create FigJam diagrams and create or edit native content on the canvas.

How does the Figma MCP server authenticate?

It uses OAuth.

Which clients can connect to the Figma MCP server?

Only clients listed in Figma’s MCP catalog. The steps here cover Claude Code, Codex, Cursor and Copilot in VS Code.

Is the Figma MCP server the same as Dev Mode MCP?

It is the successor to the Dev Mode MCP server, which ran from the Figma desktop app.

Sources

Documentation

Checked October 2, 2026.