Servers / Figma
Install Figma MCP in Cursor
Direct answer
Figma's official remote MCP is https://mcp.figma.com/mcp. Add it as mcpServers.figma.url in Cursor's mcp.json, reload, and complete OAuth. Cursor then receives selection, layout, and variable context from Figma. A desktop MCP at http://127.0.0.1:3845/mcp exists too; this page documents the hosted URL.
Cursor mcp.json
Paste this into ~/.cursor/mcp.json (global) or.cursor/mcp.json (this repo). Merge it with servers you already have. Primer: how Cursor loads MCP.
{
"mcpServers": {
"figma": {
"url": "https://mcp.figma.com/mcp"
}
}
}MCP endpoint: https://mcp.figma.com/mcp. Source: Figma MCP docs.
What it is
The Figma MCP exposes the file the designer has open: auto-layout, variants, text styles, spacing, component refs. That is the difference between 'make it look like the screenshot' and 'implement this frame'.
The problem it solves
Agents that only see a PNG invent spacing and miss variants. Figma MCP is for when the source of truth is still in Figma.
Install steps
- Add the remote URL. In mcp.json, set figma.url to https://mcp.figma.com/mcp. Figma's Cursor deep link does the same thing.
- Sign in. Reload Cursor and finish Figma OAuth. The agent can only see files that account can see.
- Select a frame. In Figma, select the frame you want implemented. Then ask Cursor to read the current selection and write the component.
A prompt that uses it
Read the currently selected Figma frame and implement it as a React component using the file's spacing and type styles. Do not invent tokens.
If it will not connect
OAuth must complete in a browser. If tools load but return empty, nothing is selected in Figma or the file is not shared with the signed-in user. The desktop server (127.0.0.1:3845) only works while the Figma app is running.
FAQ
What is the official Figma MCP URL?
https://mcp.figma.com/mcp for the remote server Figma documents.
Should I use the Figma desktop MCP instead?
Use desktop when you want the selection in the running Figma app. Use the remote URL when you do not want a local process. Do not run both unless you know which one the agent is calling.
Does this replace Dev Mode?
It sits on top of Figma's MCP. You still need access to the file.
Can it edit the Figma file?
Some workflows can write. Treat OAuth like editor access.
