Accueil / Tutoriel · ✦ Officiel

Configurer le serveur MCP Figma dans Cursor

Cursor Team · Cursor Docs ·

Guide officiel pour connecter le serveur MCP Dev Mode de Figma à Cursor afin que l'agent lise directement les frames sélectionnés, les variables et Auto Layout — puis génère du code conforme à vos design tokens. Inclut le flux d'installation MCP de Cursor et des conseils de prompt.

Résumé de l’éditeur

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.

Dans cet article

  • 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

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.