Figma MCP Server in Cursor einrichten
Cursor Team · Cursor Docs ·
Die offizielle Anleitung zum Verbinden von Figmas Dev Mode MCP Server mit Cursor, damit der Agent ausgewählte Frames, Variablen und Auto Layout direkt ausliest und Code generiert, der deine Design Tokens berücksichtigt. Enthält den Cursor MCP Installationsablauf und Tipps zum Prompting.
Zusammenfassung des Herausgebers
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.
In diesem Artikel
- 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
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.