Does Cursor integrate with Figma?
Yes — via Figma's Dev Mode MCP server
Yes. Cursor connects to Figma through Figma's official MCP server, and Figma's help docs include Cursor-specific steps. You add the Figma plugin from Cursor chat, then connect the server under Tools & MCP and authenticate. Cursor can then read design context — components, variables and layout — and generate code from frames. The recommended remote server works on all Figma seats and plans.
| Integration method | Native via MCP — Cursor connects to Figma through Figma's official MCP server. Figma's own help docs include Cursor-specific steps: add the Figma plugin via Cursor chat, then connect the server under Tools & MCP. The remote server is recommended and works on all Figma seats and plans. |
|---|---|
| Sync direction | One-way into Cursor: it reads design context — components, variables, layout data, FigJam and Make resources — and generates code from frames. It does not write changes back to your Figma files. |
| Plan required | Cursor: any plan, including free. Figma: the remote MCP server is available on all seats and plans, including Starter (free). The desktop server requires a Dev or Full seat on a paid plan. |
| Setup time | ~5 minutes unverified estimate |
How to connect Cursor to Figma
- In Cursor, open the command palette (Cmd+Shift+P / Ctrl+Shift+P) and run "Open chat".
- In chat, enter /add-plugin figma and submit, then click "Add Plugin" to install it.
- Open the command palette again, run "Cursor Settings" and select "Tools & MCP".
- Under "Installed MCP Servers", click "Connect" next to Figma and complete authentication.
- Select a frame in Figma and ask Cursor to generate code from it to confirm the design context loads.
Known friction points
FAQ
- Does Cursor integrate with Figma?
- Yes. Cursor connects to Figma through Figma's official MCP server, and Figma's help docs include Cursor-specific steps. Once connected, Cursor can read design context such as components, variables and layout and generate code from frames.
- Do I need a paid Figma plan to use the Figma MCP server with Cursor?
- No for the remote server — it is available on all Figma seats and plans, including the free Starter plan. The desktop server, however, requires a Dev or Full seat on a paid plan.
- Can Cursor change my Figma designs through this integration?
- No. The integration pulls design context into Cursor to generate code; it reads from Figma but does not write changes back to your files.
✓ Last verified: 2026-06-10 · Every claim on this page links to a primary source. If the integration changed, the page is out of date — check the sources below.
Sources
- Figma help — Use the MCP server with Cursor (accessed 2026-06-10)
- Figma help — MCP server plans and seats (accessed 2026-06-10)