Adicionando uma grade de layout - Ajuda do Framer
Alinhe e organize elementos com grades no Framer.
Mr Bird
@mrbirddevGrades ajudam a alinhar e organizar elementos na tela, tornando seus designs equilibrados, limpos e visualmente consistentes.
Adicionando uma grade de layout
Para começar, certifique-se de que os guias estão visíveis na sua tela:
- Clique no logotipo do Framer no canto superior esquerdo e abra o menu Exibir.
- Selecione “Mostrar Guias” para exibir as sobreposições de grade.
Alternativamente, você também pode usar o atalho de teclado exibido. /
Definir propriedades da grade
Uma vez que seus guias estejam visíveis, você pode ajustar o layout para atender ao seu projeto.
- Selecione o ponto de interrupção com o qual deseja trabalhar.
- No painel direito, você verá um conjunto de controles de grade que permitem ajustar as configurações do layout:
- Tipo de grade: Escolha entre uma grade de colunas ou linhas, dependendo da estrutura necessária.
- Espaçamento: Defina o espaço entre os itens para um layout limpo e arejado.
- Margens: Defina as bordas externas para dar ao seu design o acolchoamento adequado.
- Largura: Personalize a largura total da grade para controlar quanto espaço seu conteúdo ocupa.
Se você encontrar algum problema ou precisar de mais assistência, entre em contato com a equipe de suporte do Framer através da nossa página de contato.