.png){kind=logo}
Converting Figma designs with Cursor MCP
- https://github.com/GLips/Figma-Context-MCP
- https://cursor.directory/mcp/figma
- https://docs.cursor.com/context/model-context-protocol
Instal Cursor
Instal Node.js → Verify version → type: node -v
Get Your Figma Token
Create new MPC server → open cursor settings → MPC → add new MCP → mcp.json
Instal Node.js → Verify version → type: node -v
Get Your Figma Token
Create new MPC server → open cursor settings → MPC → add new MCP → mcp.json
{
"mcpServers": {
"figma": {
"type": "sse",
"url": "http://localhost:3333/sse",
"env": {
"FIGMA_ACCESS_TOKEN": "ID figma token → Figma → settings → securityPersonal access tokens"
}
}
}
}
Run in terminal:
npx figma-developer-mcp --figma-api-key=TokenIDfromFigma
- Používá váš Figma API klíč
- Spustí server na portu 3333
- Vytvoří SSE (Server-Sent Events) endpoint na http://localhost:3333/sse
- Vytvoří message endpoint na http://localhost:3333/messages
Copied selected frame/project from figma to Agent chat in Cursor