Ya están disponibles las variantes de estilo para componentes

Anunciamos las variantes de estilo para componentes este año en Webflow Conf, y nos emociona contarte que ya están disponibles para todos los usuarios.

Los componentes son los bloques de construcción reutilizables de tu sitio que te permiten personalizar el contenido sin perder la esencia de tu diseño. Antes, cuando un componente necesitaba diseños distintos según el contexto, tenías que crear y gestionar varias versiones del mismo o recurrir a soluciones complejas con propiedades de visibilidad o atributos de clase personalizados.

Las variantes de estilo para componentes simplifican este proceso drásticamente, permitiéndote definir varias opciones de estilo para un solo componente, como un botón con estilos sólido y de contorno, o una tarjeta con diseños horizontal y vertical. Además de hacer que sea más eficiente buscar y trabajar con estos componentes, las variantes ayudan a mantener la coherencia del diseño, ya que heredan cualquier cambio realizado en la base.

Las variantes incluso pueden combinarse y aplicarse en componentes anidados, lo que te permite mezclarlas para una gran variedad de situaciones. Por ejemplo, puedes tener una sección donde el título tenga variantes tipográficas, las tarjetas tengan variantes de diseño y los botones dentro de esas tarjetas tengan variantes de color.

Esto significa menos componentes que mantener, menos elementos entre los que buscar y mucha más flexibilidad para todos. Pero no te quedes solo con nuestra palabra; mira lo que dicen algunos de nuestros socios que participaron en la versión beta:

• Las variantes de estilo para componentes han cambiado las reglas del juego para nuestro equipo, permitiéndonos diseñar y desplegar sistemas de diseño robustos que nuestros clientes y socios pueden gestionar fácilmente. —Ilya Kroogman, fundador de The Digital Panda

• Con las variantes de estilo para componentes, ahora puedo ofrecer a mis clientes mayor flexibilidad al crear páginas. Antes, tenía que crear varios componentes para cada pequeña diferencia o usar el atributo de clase en elementos personalizados, lo cual era demasiado complejo para ellos. Ahora, pueden cambiar fácilmente el estilo o el diseño del componente con un simple selector. —Kyle Craven, diseñador y desarrollador de Webflow

‍Visita nuestro Centro de ayuda para aprender a diseñar con variantes de estilo para componentes hoy mismo.