Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Ferramenta de Texto no Figma: Adicionando e Estilizando Texto para Design UI/UX | Seção
Essenciais de Layout e Sistemas de Design Digital no Figma

Ferramenta de Texto no Figma: Adicionando e Estilizando Texto para Design UI/UX

Deslize para mostrar o menu

Use a ferramenta Texto para criar:

  • Texto de ponto: uma única linha de texto;
  • Texto de área: texto confinado dentro de uma área definida.

Configurações de tipografia

  • Nome da fonte/Tipo de letra: seleção entre todas as fontes ou coleções específicas (por exemplo, Google Fonts);
  • Peso da fonte: ajuste da espessura da fonte;
  • Estilo da fonte: aplicação de estilos como itálico;
  • Tamanho da fonte: alteração do tamanho do texto;
  • Altura da linha (entrelinhamento): ajuste do espaçamento entre linhas de texto;
  • Espaçamento entre letras (tracking): modificação do espaçamento entre caracteres.

Também há opções de alinhamento para parágrafos (esquerda, centralizado, direita, etc.).

Configurações avançadas de texto

Algumas configurações avançadas de texto podem ser acessadas por meio de uma janela pop-up com uma caixa de Pré-visualização. A janela geralmente possui três abas:

  • Aba Básico: para aplicar alterações adicionais na fonte. Opções de marcadores e numeração também estão disponíveis;
  • Aba Detalhes: oferece configurações avançadas para caracteres, números e mais;
  • Aba Variável: permite ajustes manuais de inclinação, estilos itálicos e peso da fonte (a disponibilidade depende da fonte).
Note
Nota

Ao aplicar qualquer alteração de fonte, sempre garanta que o texto esteja destacado ou selecionado no painel de camadas.

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 1. Capítulo 12

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Seção 1. Capítulo 12
some-alt