Inicio / Tutorial · ✦ Oficial

Configura el Servidor Figma MCP en Cursor

Cursor Team · Cursor Docs ·

La configuración oficial para conectar el servidor Figma Dev Mode MCP a Cursor, permitiendo que el agente lea marcos seleccionados, variables y Auto Layout directamente — luego genera código que respeta tus tokens de diseño. Incluye el flujo de instalación MCP de Cursor y consejos de prompting.

Resumen del editor

Model Context Protocol (MCP) lets Cursor connect to external tools. Add the Figma Dev Mode MCP server to pull design context — frames, variables, components — directly into the agent.

En este artículo

  • What MCP is and how Cursor uses it
  • Enable Figma Dev Mode MCP server (desktop app)
  • Add the Figma MCP server in Cursor settings
  • Select a frame or paste a Figma link, then prompt
  • Best practices: Auto Layout, variables, semantic names

Source: Cursor Docs

Leer original El contenido reside en el sitio del editor original.
Seleccionado para la comunidad de Cursor-Design como referencia de primera mano sobre diseñar con Cursor.