Para ativar o layout automático no Figma: 1. Abra o arquivo Figma com o qual deseja usar o Auto Layout.
2. Selecione o contêiner ou camada ao qual deseja adicionar o Auto Layout.
3. No painel Propriedades à direita, clique em
Layout automático ícone.
4. Escolha os parâmetros desejados para o layout no painel Auto Layour.
Personalização do layout automático: Depois que o Layout automático estiver ativado, você poderá personalizar o layout ajustando as seguintes configurações:
*
Espaço: Ajusta a quantidade de espaçamento entre os elementos.
*
Preenchimento: Ajusta a distância das bordas do contêiner pai.
*
Alinhar: Define o alinhamento dos elementos dentro do contêiner.
*
Direção: Define a direção na qual o layout será aplicado.
*
Encerramento: Controla se os elementos devem ser agrupados ou reduzidos para caber no contêiner.
Dicas para usar o layout automático: - Use o
Inspetor para aplicar rapidamente as configurações de layout automático a vários itens de uma só vez.
- Use o
Espaçamento configuração para criar lacunas consistentes entre objetos.
- Use o
preenchimento configuração para criar uma borda dentro de um contêiner.
- Use o
Alinhar configuração para posicionar facilmente objetos dentro de um contêiner.
- Use a
Direção configuração para alterar a direção do layout (horizontal ou vertical).
- Use o
Envoltório configuração para controlar como os objetos devem ser divididos em várias linhas ou colunas.
-
Contêineres aninhados pode ser usado para criar layouts mais complexos.
- Combine o Auto Layout com outras ferramentas de layout no Figma, como
Restrições , para criar interfaces mais sofisticadas.