Éditeur visuel Cursor — Mode de conception pour votre application en direct
Cursor Team · Cursor Blog ·
L'éditeur visuel officiel de Cursor transforme l'aperçu en navigateur en surface de conception : édition de mise en page par glisser-déposer dans le DOM, inspecteur de style Figma pour l'espacement, les couleurs, la typographie et les tokens de conception, bascules d'état React, et un flux pointer-et-inviter qu'un agent valide directement dans le code.
Résumé de l’éditeur
The visual editor brings web app, codebase, and visual editing into one window — edit your live app directly, then let the agent persist the changes as real, reviewable code.
Dans cet article
- Drag-and-drop layout editing across the DOM tree
- Visual style controls: spacing, color, typography, shadows, radius
- Design tokens and design-system integration
- React component state testing (loading, error, disabled)
- Point and prompt: describe a change in natural language
- The Apply step: client-side overrides become real code
Source: Cursor Blog
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.