Interfaz general

La interfaz de Divi 5 ha sido rediseñada bajo una premisa fundamental: eliminar la fricción entre la idea creativa y su ejecución. Al abrir el constructor visual, lo primero que notarás es un entorno mucho más limpio, enfocado en el contenido y con una latencia reducida al mínimo. La interfaz ya no "compite" con tu diseño, sino que se retrae para dejarte trabajar, apareciendo solo cuando la necesitas.

El Lienzo Visual (Canvas)

El centro de la experiencia es el lienzo, una representación real de cómo se verá tu página en el navegador. En Divi 5, el canvas es más estable; la navegación por la página mientras estás en modo edición es fluida, eliminando esos saltos de pantalla que podían ocurrir en versiones anteriores. Al hacer scroll o desplazarte, los elementos se mantienen en su sitio, permitiéndote tener una visión clara de la estructura jerárquica de tu diseño sin distracciones.

La Barra de Herramientas y Controles

En la parte superior, encontrarás la barra de herramientas principal. En Divi 5, esta barra ha sido simplificada para ofrecer acceso rápido a las funciones más críticas:

• Historial y Deshacer/Rehacer: Con una gestión de memoria mejorada, el historial es ahora más robusto, permitiéndote retroceder pasos complejos sin miedo a perder el estado de la página.
• Selector de vistas: Cambia instantáneamente entre Escritorio, Tablet y Móvil. La gran novedad aquí es la reactividad; al cambiar de vista, el motor de Divi 5 recalcula los estilos inmediatamente, permitiéndote ajustar el diseño responsive en tiempo real.
• Gestión de capas: El sistema de capas es más intuitivo y permite arrastrar y soltar elementos entre contenedores con una precisión milimétrica, facilitando la organización de páginas complejas.

Paneles de Configuración (Modales)

Los paneles donde editas los textos, colores y estilos de cada módulo han recibido una optimización importante. En lugar de paneles que obstruyen toda la pantalla, Divi 5 utiliza un sistema de modales inteligentes que puedes mover, anclar o redimensionar. Esto te permite tener el panel de configuración abierto en una zona de la pantalla mientras observas cómo cambian los ajustes en el elemento en tiempo real en la otra parte del lienzo.

Interfaz Contextual

Divi 5 apuesta por una interfaz altamente contextual. Esto significa que los iconos y opciones de edición no están siempre visibles, sino que aparecen al pasar el ratón (hover) sobre el elemento. Esta "limpieza visual" reduce el ruido en la pantalla, permitiéndote juzgar la estética real de tu diseño sin iconos de configuración interfiriendo en tu visión, una mejora fundamental para los diseñadores que buscan la perfección visual.