Un Nuevo Editor Visual: Diseña Directamente en tu Codebase
Demostración oficial de Cursor del Visual Editor: selecciona elementos, arrastra y suelta para reorganizar el layout, centra divs con controles de alineación, intercambia fuentes y tokens de color de tu design system, y ajusta layouts de grid — el agente aplica cada cambio directamente en el codebase.
Descripción completa
El recorrido oficial de Cursor del Visual Editor que se lanzó con Cursor 2.2. Demuestra la selección de un elemento en la vista previa en el navegador, reorganización de layout mediante arrastra y suelta, centrado de divs a través de controles de alineación, intercambio de fuentes y tokens de color extraídos de tu design system, y conversión de un grid de horizontal a vertical con max-width y centrado. Cada cambio visual es traducido por el agente en ediciones reales en tu codebase.