Linhas e Colunas de Grades de Layout

Adicionar uma Grade

Selecione um quadro e clique no ícone de mais na seção Grade de Layout do painel de design para adicionar uma grade. Por padrão, as grades são definidas como uma grade uniforme de 10 pixels.

Personalizar Configurações de Grade

• Tipo de Grade: escolha entre colunas, linhas ou grade;
• Contagem/Número: ajuste o número de colunas ou linhas;
• Aparência: modifique a cor e a opacidade;
• Configurações de Tipo: defina colunas para esticar ou fixar à esquerda, centro ou direita;
• Margens e Espaçamentos: defina o espaçamento entre as bordas do quadro (margens) e colunas/linhas (espaçamentos).

Opções Avançadas

• Adicione várias grades a um único quadro clicando novamente no ícone de mais.
• Modifique ou exclua grades usando o painel de configurações ou o ícone de menos.
• Aplique estilos de grade predefinidos através do ícone de quatro pontos ou importe grades da biblioteca da equipe.

Usando réguas e guias no Figma

Ativar réguas

As réguas podem ser acessadas através de Exibir > Réguas ou usando o atalho Shift + R. Elas aparecem nas partes superior e esquerda do quadro, com unidades medidas em pixels.

Adicionar Guias

Para criar guias, arraste da régua e posicione-as para alinhamento. As guias podem ser removidas arrastando-as de volta para a régua.

Melhores Práticas

Combine grades e guias para precisão e para manter layouts organizados. Alinhamentos limpos melhoram a clareza do design e a experiência geral do usuário.