Get the Agent Brief

Figma MCP Server

MCP server by Figma

OfficialRemote and localPreview/Beta
Official pageGitHub repo
By the Klyvoo teamChecked October 3, 2026Checked on official sources

Figma MCP Server at a glance

Figma MCP Server is an official MCP server from Figma. It lets AI coding tools read Figma designs for code generation and write native content to the canvas.

Connects to
Design and creative
Hosting
Remote and local · Streamable HTTP
Sign-in
OAuth
Price
Free (needs a Figma account)
Works with
Claude Code, VS Code, Cursor, Codex, Xcode, Windsurf
Best for
Teams turning Figma designs into production code
Checked
October 3, 2026 on official sources

How to install Figma MCP Server

Add the URL below as a new MCP server in your AI app’s settings or MCP config file, then sign in when asked. Sign-in: OAuth.

Remote server URL
https://mcp.figma.com/mcp
Install or connect
claude mcp add --transport http figma https://mcp.figma.com/mcp

What Figma MCP Server can do

It gives coding agents structured design context from Figma frames such as layout, variables and components. It can also generate code from selections, create FigJam diagrams and write frames and components into Figma files.

Tools it exposes include
get_design_contextget_variable_defsget_metadataWrite frames and components to canvasGenerate FigJam diagramsCode Connect mapping

Best for: teams turning Figma designs into production code

Pros

  • Official and maintained by Figma
  • Remote server needs no desktop app
  • Can write to the canvas as well as read

Cons

  • Starter and View seats get only 6 tool calls a month
  • Only clients in Figma's catalog can connect

Figma MCP Server FAQ

Is Figma MCP Server free?

The remote server is free on all plans during beta, but free seats are capped at 6 tool calls a month. The desktop server needs a Dev or Full seat on a paid plan. Canvas writing is free in beta and will become usage-based.

How do I connect Figma MCP Server?

Add the remote URL https://mcp.figma.com/mcp to a supported client such as Claude Code, Cursor or VS Code, then sign in to Figma with OAuth.

What can Figma MCP Server do?

It pulls design context, variables and component data from Figma frames to generate code, creates FigJam diagrams and writes native frames and components into Figma files.