Presentamos los modos de variables

En nuestro empeño por ofrecer a nuestros clientes sistemas de diseño escalables, nos emociona anunciar el lanzamiento de los modos de variables, ya disponibles para todos los usuarios de Webflow.

Los modos de variables te permiten definir múltiples valores para variables individuales, creando conjuntos de valores distintos («modos») que puedes cambiar y aplicar fácilmente en todo tu sitio. Esto significa menos variables que crear y gestionar, y flujos de trabajo de diseño mucho más eficientes, desde la creación de diseños adaptables a distintos dispositivos hasta la aplicación de diferentes temas en todo tu sitio.

Lo que permiten los modos de variables:

• Diseños automáticamente adaptables a distintos dispositivos. Los modos de variables te permiten establecer valores de variables que se adaptan automáticamente a los puntos de interrupción de tablet, móvil horizontal y móvil vertical. Esto garantiza una experiencia coherente y pulida en todos los dispositivos, sin tener que buscar entre estilos ni hacer tediosos ajustes manuales en cada punto de interrupción. Cuando actualizas una variable, todos sus valores específicos para cada punto de interrupción se actualizan globalmente en todo tu sitio.

• Temas optimizados en todo tu sitio. Los modos de variables hacen que crear y gestionar diferentes temas de diseño para tu sitio sea más fácil que nunca. Por ejemplo, puedes crear un tema «Marca - Principal» que refleje la identidad visual de tu sitio con colores, tipografía y espaciado estándar. También puedes añadir un modo adicional para un tema de «Vacaciones de invierno» con colores más festivos que puedes aplicar a páginas, secciones o elementos específicos cuando sea necesario.

• Gestión de variables simplificada. : A medida que tu sistema de diseño crece o se vuelve más complejo, gestionar las variables puede resultar abrumador. Para mantener tus variables y modos de variables organizados y fácilmente accesibles para ti y tu equipo, ahora puedes añadirlos a diferentes colecciones personalizadas, como «Paletas de colores» o «Tipografía».

Visita nuestro Centro de ayuda para aprender a empezar a diseñar con modos de variables hoy mismo.