Cursor and Figma: Set up the MCP server – Figma Learn - Help Center

Before you start

Who can use this feature

Starter, Professional, Education, Organization, Government, and Enterprise plans

Requires Cursor

The Figma MCP server gives Cursor structured access to your Figma files. Cursor can read design context, such as components, variables, layout data, FigJam content, and Make resources. It can generate code from selected frames and use Code Connect to stay aligned with your real components. Cursor can also write to the canvas to create or update Figma content, and send live web interfaces to Figma as editable layers.

Jump to the setup instructions →

This article describes how to set up the Figma MCP server in Cursor. To learn more about the Figma MCP server and how to use it, see:

Figma offers two versions of the MCP server: remote and desktop. The remote server has the broadest set of features and is the best choice for most users. The desktop server is intended for specific organization and enterprise needs.

Set up the remote Figma MCP server (recommended)

The recommended way to set up the Figma MCP server in Cursor is to install the Figma plugin. The plugin includes:

The Figma MCP server settings
Skills for implementing designs, connecting components with Code Connect, and creating design system rules
Rules for handling assets from the Figma MCP server

Install the Figma plugin

Open the command palette:
- Mac: Cmd Shift P
- Windows: Ctrl Shift P
Search for Open chat.
In the chat, enter this command and click Submit:
```
/add-plugin figma
```
You can also install the plugin from the Figma plugin page in the Cursor Marketplace.
Click Add Plugin.
When the installation finishes, open the command palette again and search for Cursor Settings.
Select Tools & MCP.
Under Installed MCP Servers, click Connect next to Figma.
When prompted, click Allow access to let Cursor access your Figma account.

The Figma MCP server is now on in Cursor, and you're ready to start prompting. To see what you can do, check out Tools and example prompts.

Add the server manually

If you can't install plugins, you can add the remote server yourself. This doesn't install Figma's skills or rules. To add skills separately, see Figma skills for MCP.

Click this link to open the Figma MCP server settings in Cursor:
Add the Figma MCP server to Cursor
Under Install MCP Server?, click Install.
Click Connect next to Figma.
Click Open.
Click Allow access to let Cursor access your Figma account.

You're ready to start prompting.

Tip: If the link doesn't open Cursor, add the server yourself. In Cursor Settings, go to Tools & MCP, click to add a custom MCP server, and add this configuration:

{
  "mcpServers": {
    "figma": {
      "url": "https://mcp.figma.com/mcp"
    }
  }
}

Save the file, then click Connect next to Figma to sign in.

Set up the desktop Figma MCP server

Note: We strongly recommend the remote server. The desktop server requires the Figma desktop app and a Dev or Full seat on a Professional, Education, Organization, Government, or Enterprise plan.

Instructions for the desktop Figma MCP server

Step 1: Enable the desktop server in Figma

Open the Figma desktop app and make sure it’s up to date.
Create or open a Figma Design file.
With nothing selected, switch to Dev Mode using the toggle in the toolbar, or press Shift D.
In the MCP server section of the right sidebar, click Enable desktop MCP server.

A confirmation message appears at the bottom of the screen when the server is running. The desktop server runs at http://127.0.0.1:3845/mcp.

Step 2: Add the desktop server to Cursor

Open the command palette:
- Mac: Cmd Shift P
- Windows: Ctrl Shift P
Search for Cursor Settings.
Select Tools & MCP.
Click Add Custom MCP.

Add this configuration to the file:

{
  "mcpServers": {
    "figma-desktop": {
      "url": "http://127.0.0.1:3845/mcp"
    }
  }
}

Save the file and go back to Cursor Settings.

When the Figma MCP server shows as on, you're ready to use the desktop server in Cursor.

Troubleshooting

If MCP tool calls fail in Cursor, your sign-in tokens may have expired. Learn how to clear and refresh your tokens.

For other issues, see the Figma MCP server FAQs.

What's next?

If you're coming from the Figma MCP collection, jump back into the previous article.

For more about using the Figma MCP server, see: