Nueva sección de Diseño y controles del panel de Estilo

Previsualiza los nuevos controles de la sección de Diseño

Estamos mejorando los controles de diseño del panel de Estilos para elevar tu experiencia de creación. Nuestro objetivo es agilizar los flujos de trabajo, simplificar la toma de decisiones y mejorar la experiencia general tanto para los usuarios nuevos como para los más experimentados de Webflow.

A partir del 4 de marzo, comenzaremos el despliegue progresivo de nuestros nuevos controles de diseño, garantizando una transición fluida para todos nuestros clientes. Nos entusiasma que pruebes estas mejoras y te invitamos a explorar esta publicación para conocer los cambios, sus motivos y cómo afectarán positivamente a tu flujo de trabajo. Para obtener una visión detallada y aprovechar al máximo estas actualizaciones, ponte en contacto con tu gestor de éxito del cliente.

Navegación

En general, las actualizaciones de la sección de Diseño se centran en hacer que la navegación y la usabilidad sean más intuitivas. Hemos simplificado conceptos complejos como flex y grid, utilizando etiquetas de texto claras e iconos directos para orientaciones como izquierda y derecha. Estas actualizaciones facilitan el descubrimiento y la aplicación de las mejores prácticas. La nueva sección de Diseño agiliza el acceso a las funciones de Webflow, simplificando el proceso de aprendizaje y permitiendo a los usuarios diseñar con mayor eficiencia.

Visualización

Nuestra investigación demuestra que las etiquetas de texto comunican conceptos como block, flex y grid de forma más eficaz que los iconos, por lo que son la opción preferida para los controles de visualización. Además, hemos colocado las opciones más importantes en el centro para facilitar el acceso y hemos trasladado las opciones adicionales a un menú desplegable. Este enfoque pretende reducir la carga cognitiva de los desarrolladores visuales, situando las opciones de visualización principales en primer plano y fomentando la exploración de controles más específicos a través del menú desplegable.

Flex

Hemos introducido el cuadro de alineación y los controles de los ejes X e Y para mejorar la experiencia de diseño de una amplia gama de clientes, desde aquellos con formación en diseño hasta desarrolladores que buscan un control preciso.

El cuadro de alineación, un patrón familiar para los diseñadores, ofrece un método visual para establecer rápidamente la alineación de los elementos secundarios en flex y grid. Por su parte, los controles X/Y ofrecen opciones detalladas para los desarrolladores más experimentados, permitiendo una alineación explícita a lo largo del eje principal y el eje transversal. Este enfoque dual garantiza que todos los usuarios, independientemente de su experiencia, puedan utilizar eficazmente las capacidades de flexbox para lograr el diseño deseado con precisión y facilidad.

Grid

Hemos perfeccionado las opciones de diseño de cuadrícula (grid) de Webflow para mejorar la flexibilidad, pasando de una superposición de panel de configuración integral a un flujo de trabajo optimizado y fácil de usar en el panel de Estilos.

Ahora, cuando los usuarios eligen la opción de cuadrícula, se encuentran con una interfaz simplificada para configurar filas, columnas, dirección y alineación. Esta evolución en el diseño de la interfaz mantiene la profundidad de personalización por la que es conocido Webflow, a la vez que se alinea más estrechamente con la experiencia intuitiva de otras funciones de estilo.

Espaciado (Gap)

Los controles de diseño del panel de Estilos ahora cuentan con un control de espaciado refinado, que incluye un deslizador lineal y entrada manual para ajustes de espaciado mejorados tanto en diseños flex como grid. El deslizador para el estilo de espaciado ofrece un mayor control sobre el espacio entre elementos con retroalimentación visual en tiempo real, lo que reduce el tiempo dedicado a los ajustes de diseño y ofrece una mayor precisión en la ejecución.

Más información en Webflow University

Alinea elementos secundarios de flex y grid con el cuadro de alineación

Flexbox

Grid

Tierra de diseños

¡Apunta la fecha! El despliegue de nuestros nuevos controles de diseño comienza el 4 de marzo para ofrecerte una experiencia aún mejor.

Descubre un mundo de recursos en Webflow University, con guías detalladas, tutoriales en vídeo y consejos prácticos para crear diseños web adaptables con los nuevos controles. Para este lanzamiento, nos hace mucha ilusión presentar una nueva experiencia de aprendizaje.

Sumérgete en Tierra de diseños, una aventura de aprendizaje interactiva que hace que crear diseños web sea divertido y educativo.

Con varias formas de aprender, la fecha marcada en tu calendario y un gestor de éxito del cliente listo para ayudarte con cualquier duda, esperamos que la transición sea lo más fluida posible para ti.

Con este lanzamiento, superamos los límites del diseño web accesible y potente, apoyando a creadores de todos los niveles. Explora el panel de Estilo mejorado de Webflow y libera tu potencial creativo con los nuevos controles de diseño.