Aspectos básicos de las capas: Combinar capas
¿Listo para llevar tu flujo de trabajo al siguiente nivel? Estas herramientas te ahorran tiempo y te permitirán crear nuevos diseños en poco tiempo.
Diseño automático
¿Tienes todos los componentes básicos y quieres experimentar con la disposición? La disposición automática es una propiedad que se puede agregar a los marcos y que automatiza el cambio de tamaño, la alineación y el espaciado de los diseños.
Esto es ideal cuando necesitas agregar nuevas capas, organizar cadenas de texto más largas o crear diseños que se adapten a diferentes tamaños de dispositivos y pantallas.
En este diseño para una aplicación de viajes, cuando agregamos una nueva tarjeta de destino para un nuevo recorrido en Roma, las otras tarjetas automáticamente cambian y se adaptan para incluirla en el marco.
Agregar disposición automática a un diseño
Explorar las propiedades de la disposición automática
Componentes
Los componentes son elementos que puedes reutilizar en todos tus diseños. Te ahorran tener que recrear el mismo elemento varias veces y facilitan la gestión de los cambios de diseño en uno o todos sus diseños.
Puedes crear componentes a partir de cualquier colección de capas u objetos. Pueden ser objetos individuales, como íconos o botones, o disposiciones completas, como tarjetas y menús. Selecciona tu(s) capa(s) y haz clic en create component (crear componente) ❖ en la barra lateral derecha.
Un componente tiene dos aspectos:
- Un componente principal que define las propiedades del componente.
Hemos creado un componente para la tarjeta de destino en nuestra aplicación de viajes. Incluye todas las capas que necesitarás para crear una tarjeta para cada destino. - Una instancia, que es una copia del componente y que puedes agregar a sus diseños.
Tenemos cuatro instancias separadas del componente de tarjeta. Cada instancia tiene una foto única y texto relevante para cada destino.
Si cambiamos el color del nombre de la ciudad en el componente principal de nuestra tarjeta de destino, también actualiza las cuatro instancias que creamos.
Crear componentes para reutilizarlos en diseños
Agregar instancias de componentes a los diseños