Accueil / Tutoriel · ✦ Officiel

Figma vers Code dans Cursor avec le serveur MCP Dev Mode

Cursor Team · Cursor Docs ·

Comment intégrer le serveur MCP Dev Mode de Figma dans Cursor pour que l'agent lise directement les frames, variables et Auto Layout — transformant les designs sélectionnés en composants React et Tailwind propres et token-aware.

Résumé de l’éditeur

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.

Dans cet article

  • 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

Lire l’original Le contenu se trouve sur le site de l’éditeur d’origine.
Sélectionné pour la communauté Cursor-Design comme référence de première main sur la conception avec Cursor.