Introducción a las capas: combinar capas
¿Todo listo para llevar tu flujo de trabajo al siguiente nivel? Echa un vistazo a estos recursos principales que te ahorrarán tiempo y te permitirán crear nuevos diseños en un abrir y cerrar de ojos.
Disposición automática
¿Ya tienes todos elementos y quieres jugar con la disposición? El diseño automático es una propiedad que puedes añadir a los marcos para automatizar el redimensionamiento, la alineación y el espaciado de los diseños.
Es fantástico cuando necesitas añadir nuevas capas, acomodar cadenas de texto más largas o crear diseños que respondan a diferentes tamaños de dispositivo y de pantalla.
En este diseño para una aplicación de viajes, cuando añadimos una nueva tarjeta de destino para un nuevo tour en Roma, las demás tarjetas se desplazan y reordenan automáticamente para incluirla en el marco.
Añadir el diseño automático a un diseño
Explorar las propiedades del diseño automático
Componentes
Los componentes son elementos que puedes reutilizar en todos tus diseños. Te ahorran tener que rehacer el mismo elemento varias veces y facilitan la administración de los cambios de diseño en uno o todos tus diseños.
Puedes crear componentes a partir de cualquier colección de capas u objetos. Pueden ser objetos individuales, como iconos o botones; o diseños completos, como tarjetas y menús. Selecciona las capas que quieras y haz clic en crear componente ❖ en la barra lateral derecha.
Un componente consta de 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 que puedes añadir a tus diseños.
Tenemos cuatro instancias distintas del componente de tarjeta. Cada instancia tiene una foto única y un 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 se actualizan las cuatro instancias que hemos creado.
Crear componentes para reutilizarlos en diseños
Añadir instancias de componentes a los diseños