Tras el reciente lanzamiento de las anulaciones de contenido, llevamos el potencial de los símbolos un paso más allá al permitirte anidar símbolos dentro de otros, lo que facilita aún más la creación y el mantenimiento de diseños en Webflow.
Evolucionando la reutilización y el mantenimiento en Webflow
Con nuestro reciente lanzamiento de anulaciones de contenido en símbolos, hemos hecho evolucionar los símbolos más allá de los elementos repetitivos básicos e idénticos (como barras de navegación, pies de página, etc.), permitiéndote usarlos para átomos y patrones de interfaz recurrentes en todo tu sitio. Este fue un primer paso clave para mejorar la reutilización en Webflow y abre una forma totalmente nueva de crear y mantener diseños.
Las anulaciones de contenido también abren un nuevo potencial de colaboración entre diseñadores y equipos de contenido. Nos inspira especialmente la historia reciente de un cliente que ha puesto esto en práctica en su agencia, escribiendo sobre cómo crear sistemas de diseño que potencien a los equipos de marketing.
Anidar símbolos añade un nuevo nivel de control. Como dice Leo Zakour, autor de ese artículo, tras probar los símbolos anidados en fase beta:
Anidar símbolos ha profundizado realmente el control que tenemos al crear sistemas de diseño para nuevos sitios. Es genial ver cómo los símbolos siguen evolucionando a medida que ampliamos nuestro uso de guías de estilo y sistemas de diseño en nuevos proyectos.
Leo Zakour, Bons Agency
¿Eres nuevo en los sistemas de diseño? Echa un vistazo al artículo de Brad Frost sobre Diseño Atómico para obtener una excelente introducción y explicación sobre el valor de pensar en sistemas de diseño.
Empieza gratis
Crea sitios web personalizados y escalables, sin escribir código. Empieza a construir en Webflow.
Cómo anidar símbolos
Entonces, ¿cómo se anidan exactamente los símbolos unos dentro de otros? Muy sencillo: ¡simplemente funciona!
Aquí tienes cómo anidar símbolos en tres sencillos pasos:
- Selecciona el símbolo dentro del cual quieres colocar otro símbolo
- Haz clic para abrir el panel de símbolos (o usa el atajo de teclado MAYÚS + A)
- Arrastra un símbolo desde el panel hacia el símbolo seleccionado y suéltalo
Es así de simple. También puedes crear un símbolo a partir de un elemento padre que ya contenga un símbolo en su interior. ¡Lo que mejor te siente! Y así, sin más: bum, símbolos anidados.
Para obtener más información sobre los detalles de cómo funcionan los símbolos anidados y las anulaciones de contenido, consulta nuestra documentación en Webflow University.
¿Qué sigue para los símbolos?
El lanzamiento de hoy es solo un paso adelante en nuestro trabajo más amplio para convertir los "símbolos de Webflow" en un flujo de trabajo de gestión de componentes y sistemas de diseño más avanzado dentro de Webflow. Algunas de las nuevas y emocionantes funciones que están por llegar incluyen:
- Anulaciones de elementos. Añade o elimina elementos de instancias de símbolos individuales. Por ejemplo: ¿quieres añadir un botón a una sola instancia de un símbolo? Pronto, este sueño tuyo será una realidad.
- Anulaciones de estilo y variantes. Define qué estilos de elementos (como el color de fondo) pueden cambiarse en las instancias y crea múltiples variantes (por ejemplo, una versión clara y otra oscura).
- Bibliotecas de componentes para equipos. Crea y gestiona componentes de forma centralizada para todo tu equipo y compártelos entre proyectos.
Mientras tanto, esperamos que el lanzamiento de hoy te brinde un nuevo nivel de control y eficiencia para gestionar tus sitios.
¡Cuéntanos qué te parece (o qué es lo que más te emociona crear) en los comentarios!
