Connect Figma to your coding agent with the remote MCP server
Set up Figma's hosted MCP server in Cursor, Claude Code, Codex or VS Code and generate code from selected frames.
- Figma
- Cursor
- Claude Code
- Codex
- VS Code
From Figma
Cursor and Figma: read and write design context
Use the Figma MCP server in Cursor to read components and variables, generate code, and send live UI back to Figma as editable layers.
4 steps
- Install the Figma plugin in Cursor
- Connect the remote server
- Generate code from frames using Code Connect
- Write to the canvas or send live web UI to Figma