Camadas 101: Combine camadas
Que tal aumentar ainda mais o nível do seu fluxo de trabalho? Descubra recursos para poupar tempo e criar novos designs rapidinho.
Layout automático
Você já terminou a parte básica e agora quer brincar com o layout? O layout automático é uma propriedade que você pode adicionar a estruturas para automatizar o redimensionamento, o alinhamento e o espaçamento dos seus designs.
Isso é ótimo quando você precisa adicionar novas camadas, acomodar sequências de texto mais longas ou criar designs que respondam a diferentes tamanhos de dispositivos e telas.
Neste design para um aplicativo de viagens, quando adicionamos um novo cartão de destino para um novo passeio em Roma, os outros cartões se deslocam e fluem automaticamente para incluí-lo na estrutura.
Adicionar layout automático a um design
Explore as propriedades do layout automático
Componentes
Componentes são elementos que você pode reutilizar em seus designs. Eles evitam que você tenha que recriar o mesmo elemento várias vezes, facilitando o gerenciamento das alterações em um ou todos os seus designs.
Você pode criar componentes a partir de qualquer coleção de camadas ou objetos. Podem ser objetos individuais, como ícones ou botões; ou layouts inteiros, como cartões e menus. Selecione sua(s) camada(s) e clique em Criar componente ❖ na barra lateral direita.
Cada componente tem dois aspectos:
- Um componente principal que define as propriedades do componente.
Criamos um componente para o cartão de destino em nosso aplicativo de viagem. Ele inclui todas as camadas necessárias para criar um cartão para cada destino. - Uma instância que é uma cópia do componente, que você pode adicionar aos seus designs.
Temos quatro instâncias separadas do componente do cartão. Cada instância tem uma foto exclusiva e um texto relevante para cada destino.
Se alterarmos a cor do nome da cidade no componente principal do nosso cartão de destino, ele também será alterado nas quatro instâncias que criamos.
Criar componentes para reutilizar em designs
Adicionar instâncias de componentes aos seus designs