Codifica tu sistema de diseño con variables

Las variables te permiten almacenar valores (como colores, tamaños y tipografía) para que puedas reutilizarlos y modificarlos a gran escala. 

Gestiona tus tokens de diseño desde el nuevo panel de Variables, donde puedes reemplazar valores fijos por una variable y usarla en todo el Designer. 

A partir de hoy, eliminamos el soporte para las muestras de color, que hemos migrado a variables. Las variables hacen todo lo que hace una muestra de color, además de ofrecer ventajas extra: 

• Ahora se gestionan de forma centralizada en el panel de Variables 
• Llevan las ventajas de las muestras de color a otros valores, como el tamaño y la fuente 
• Son extensibles: mientras que las muestras de color eran específicas de Webflow, las variables son un estándar del sector y compatibles con variables CSS y de Figma mediante nuestras API

Agiliza tus flujos de trabajo 

Con las variables, puedes crear una lista de valores preaprobados para elegir en el Designer y centrarte en diseñar en lugar de consultar hojas de estilo. También facilitan los cambios globales: ya sea para un cambio de marca rápido o iterar al inicio de un proyecto, te olvidarás de las tareas tediosas. 

Mantén tu identidad de marca 

Las variables funcionan junto con los estilos de Webflow, como tus clases, etiquetas y componentes. Ahora tienes una forma programática de realizar cambios a gran escala en tus valores fundamentales, sirviendo como hilo conductor entre clases y componentes. 

Escala tu impacto 

Los creadores del ecosistema Webflow pueden usar variables para codificar frameworks y crear plantillas o elementos clonables más complejos. Con ellas, puedes reutilizar sitios existentes y adaptarlos a las necesidades de cualquier marca o caso de uso.  

Para saber más, lee nuestra lección de Webflow University