Videos
Aufgezeichnete Walkthroughs, Demos und Vorträge zum Designen mit Cursor.
VOLLSTÄNDIGES Cursor AI Tutorial für Anfänger (2025)
Erstelle eine React-App, push zu GitHub und deploye auf Vercel — ein anfängerfreundliches End-to-End Cursor Tutorial ohne Programmierkenntnisse erforderlich.
Wie man eine Website mit AI erstellt — Cursor 2025
Ein umfassendes Anfänger-Tutorial zu HTML/CSS, Domains, Hosting und Design-Änderungen — Website-Erstellung und Deployment mit Cursor, keine Vorkenntnisse erforderlich.
Figma-Designs mit Cursor MCP konvertieren
Die meistgesehene Anleitung zur Figma-to-Code-Konvertierung mit Cursor MCP Integration — Frames auswählen und produktive Komponenten generieren.
Schöne UIs mit KI erstellen
Warum shadcn/ui das Geheimnis hinter v0s ansprechendem Design ist und wie du es direkt in Cursor nutzt, um bessere Interfaces zu entwickeln.
10x besseres UI-Design für Vibe Coders — v0 direkt in Cursor nutzen
Ein schneller, beliebter Guide zum Verbinden des v0-Modells direkt in Cursor für dramatisch bessere UI-Qualität.
DESIGN in v0, FINISH in Cursor
Drei Workflows zum Verschieben von Designs zwischen v0 (Best-in-Class UI-Generierung) und Cursor (Logik und kosteneffiziente Iteration).
Leitfaden für Designer zum Thema AI: Warum dieser Designer zu Cursor gewechselt hat
Ein Design Director von Atlassian zeigt die Prototypisierung komplexer UI-Interaktionen, die Rekonstruktion animierter SVG-Brand-Assets und die Erstellung von Mood Boards — alles innerhalb von Cursor.
Cursor für interaktive Prototypen, Sound-Design und Datenvisualisierung
Die Designerin Elizabeth Lin erkundet Design-Ästhetiken — Brutalismus, Y2K, Cyberpunk — interaktiven Sound und die Umwandlung uneleganter Dashboards in polierte Interfaces mit Cursor.
Cursor für Designer (Vollständiger Workshop)
Ein umfassender, designerorientierter Workshop mit dem Agents-Fenster, Figma MCP, Canvas UI Renderer, Design Mode für direkte Anpassungen im Browser und Plan Mode — Entwicklung einer Budgetierungs-App von Grund auf.
Ein neuer visueller Editor: Designs direkt in deinem Codebase bearbeiten
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.
Ist Cursors neuer Visual Editor ein Figma-Killer? Anleitung
Eine Anleitung, die Cursors Visual Editor direkt mit Figma vergleicht — was es beim Implementieren von Designs in echtem Code gut macht und wo es noch hinter einem vollständigen Design-Tool zurückbleibt.
Der Cursor Visual Editor — Layouts visuell bearbeiten
Gary Simons praxisorientierte Anleitung zum Cursor Visual Editor — würdigt die Layout-, Dimensions- und Styling-Controls und hebt den Kompromiss hervor, dass jeder Apply-Vorgang einen LLM-Aufruf auslöst.