É o recurso do Figma que organiza sozinho os objetos de um quadro e faz o quadro crescer ou encolher quando o conteúdo muda. Na interface em português, aparece como layout automático.
Selecione as camadas e pressione Shift + A, ou clique em Adicionar layout automático no painel direito. Funciona em todos os planos, inclusive o gratuito.
Vertical empilha de cima para baixo. Horizontal coloca lado a lado. Grade organiza em linhas e colunas e ainda está em beta aberto.
O espaçamento entre define a distância entre os itens. O espaçamento interno é a distância entre a borda do quadro e o conteúdo.
O quadro fica do menor tamanho possível em volta dos filhos. É o ajuste certo para botões, etiquetas e chips que crescem com o texto.
Preencher contêiner faz o objeto ocupar o espaço livre do quadro pai. Fixo mantém o tamanho, como na largura de um card de 320 px.
Texto, Shift + A, espaçamento interno de 12 na vertical e 24 na horizontal, largura em Envolver conteúdo. Troque o texto e o botão cresce sozinho.
1. Shift + A adiciona
2. Option/Alt + Shift + A remove
3. Control + Shift + A sugere (Mac)
4. Clique duplo na borda: Envolver conteúdo
1. Filho em Preencher deixa o pai Fixo
2. Texto com tamanho fixo sobrepõe
3. Objeto maior que o quadro: segure Command ou Ctrl
4. Em instância não dá para reordenar
Dois exemplos passo a passo, a tabela de redimensionamento, todos os atalhos, Ignorar layout automático e a tabela de erros comuns com a solução de cada um.
igluonline.com