Get Crossfade
  1. Crossfade
  2. Guides

How to connect Cursor to Figma

By Sabarish Sanjay, maker of Crossfade · Updated

Cursor is one of the clients Figma supports, for reading designs and for writing to the canvas. Here's the quickest way in, and what to do if you need more.

Connect Figma’s server

In Cursor's agent chat, type:

/add-plugin figma

That installs the server settings and Figma's skills. Then open Cursor Settings, select Tools & MCP, click Connect next to Figma and allow access.

For the desktop server, enable it in Figma's Dev Mode, then add this to your MCP settings:

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

The desktop server needs a Dev or Full seat on a paid plan, and it can't write. It's useful when you want to work from your selection instead of a link.

Point Cursor at your design

With the remote server, right-click a layer in Figma, choose Copy link to selection and paste it into your prompt. Keep the selection small. A card or a header works better than a whole screen, and it uses fewer of your limited reads.

If you need more

A local plugin works through your open file instead of Figma's server. There are free ones, and this comparison covers them. TalkToFigma was built for Cursor to begin with.

Crossfade, which I make, offers Cursor in its setup screen too.

To be straight with you: Crossfade is built and tested on Claude Code. Cursor connects through the same local server, but it hasn't been fully tested yet.

Common questions

Can Cursor edit Figma designs?

Yes. Cursor is a supported client for Figma's write to canvas through the remote server. Community plugin bridges such as TalkToFigma also work with Cursor.

Does Cursor work with Figma's desktop server?

Yes, for reading. The desktop server runs at 127.0.0.1:3845/mcp and works from your selection, but it can't write to the canvas.

Sources

Keep reading