Ein neuer visueller Editor: Designs direkt in deinem Codebase bearbeiten
Cursor · Cursor · ·2:05 ·101.6K Aufrufe
Cursors offizielles Demo des Visual Editors: Wähle Elemente aus, verschiebe Layouts per Drag-and-Drop, zentriere Divs mit Alignment-Controls, tausche Fonts und Color Tokens aus deinem Design System, und optimiere Grid-Layouts — der Agent wendet alle Änderungen direkt auf den Codebase an.
Vollständige Beschreibung
Die offizielle Cursor-Anleitung zum Visual Editor aus Cursor 2.2. Demonstriert das Auswählen eines Elements in der Browser-Vorschau, Drag-and-Drop Layout-Umgestaltung, Zentrieren von Divs via Alignment-Controls, Austausch von Fonts und Color Tokens aus deinem Design System und die Konvertierung eines Grids von horizontal zu vertikal mit Max-Width und Zentrieroptionen. Jede visuelle Änderung wird vom Agent in echte Codebase-Edits übersetzt.
Kapitel
Auf YouTube ansehen ↗ 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.