Inicio / Tutorial · ✦ Oficial

De Figma a Código en Cursor con el Servidor MCP Dev Mode

Cursor Team · Cursor Docs ·

Cómo integrar el servidor MCP Dev Mode de Figma en Cursor para que el agente lea marcos, variables y Auto Layout directamente — convirtiendo diseños seleccionados en componentes React y Tailwind limpios y conscientes de tokens.

Resumen del editor

Connect Figma to Cursor via the Dev Mode MCP server so the agent reads frames, variables and Auto Layout, then turns selected designs into clean, token-aware React and Tailwind components.

En este artículo

  • Why MCP beats pasting screenshots
  • Enabling Figma Dev Mode MCP
  • Wiring the server into Cursor
  • Selecting a frame and prompting
  • Keeping output token-aware

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.