Startseite / Tutorial · ✦ Offiziell

Figma zu Code in Cursor mit dem Dev Mode MCP Server

Cursor Team · Cursor Docs ·

So verbindest du Figmas Dev Mode MCP Server mit Cursor, damit der Agent Frames, Variablen und Auto Layout direkt ausliest – und ausgewählte Designs in saubere, Token-aware React- und Tailwind-Komponenten umwandelt.

Zusammenfassung des Herausgebers

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.

In diesem Artikel

  • 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

Original lesen Der Inhalt befindet sich auf der Website des ursprünglichen Herausgebers.
Kuratiert für die Cursor-Design-Community als hauseigene Referenz zum Designen mit Cursor.