Line Height com grid de 8pts

Entenda o que é o Line Height sendo a distância medida entre as linhas de base (baseline) de duas linhas consecutivas.

Entendendo o line height

Como definir meu line height no Figma

Crie um frame e adicione um Layout Grid nas seguintes configurações:

  • Count: 100
  • Type: Top
  • Height: 4
  • Gutter: 0

Como usar

Insira um texto de 2 ou mais linhas ao frame;

Garanta que a parte de cima do texto esteja alinhada a linha do grid que criamos;

Agora aumente ou diminue o Line Height do seu texto para alinhar a linha debaixo no grid.

Detalhe de como posicionar o texto

Bom e é isso, espero que tenha te ajudado com mais esse artigo, compartilhe e marque a gente e qualquer dúvida basta entrar em contato.

Conheça nosso plano para membros onde você tem acesso a cursos e ferramentas incríveis por um valor super em conta, oferta por tempo limitado!


"🙏🏻 Se esse tutorial foi útil, considere apoiar nosso trabalho"

Deixe um comentário