Guia Rápido Sobre Como Adicionar Fontes no Figma

Vlad Solomakha

22 de mar. de 2024

Ir para

Título

Ir para

Título

Gere designs de UI e wireframes com IA

Guia passo-a-passo sobre como usar fontes locais, Google e Adobe dentro do seu design no Figma.

Guia passo-a-passo sobre como usar fontes locais, Google e Adobe dentro do seu design no Figma.

Instalar Aplicativos

Antes de começar, existem 2 maneiras de usar fontes personalizadas no Figma. 

  1. Obtenha o aplicativo Figma Desktop. Aqui estão os links de download para macOS e Windows.

  2. Obtenha o aplicativo Figma Font Installer. Ele permite que você acesse fontes do sistema enquanto usa o Figma no navegador. Aqui estão os links de download para macOS e Windows.

Instalar Fontes

Usando Fontes Personalizadas

Antes que suas fontes apareçam no Figma, elas devem estar instaladas no seu computador. Baixe arquivos OpenType (.OTF) ou TrueType (.TTF) das fontes que você gosta, clique duas vezes nelas e siga as instruções. 

Usando Fontes do Google

A boa notícia é que o Figma suporta fontes do Google por padrão! Você pode filtrar para ver apenas elas. Selecione a fonte e clique em "Todas as fontes". Lá você pode ver a seleção "Fonte do Google".

Usando Fontes Adobe

A Adobe exige que você baixe novamente as fontes se não forem usadas por algum tempo. Certifique-se de que as fontes estão ativadas no aplicativo Creative Cloud. 

  1. No aplicativo CC, vá para a aba Fontes

  2. Abra Fontes Ativas e ative as que você deseja ver no Figma

Usando Fontes no Figma

Se você instalou fontes enquanto o Figma estava aberto, feche o aplicativo e reinicie-o. Agora você pode usá-las!

  1. Selecione a ferramenta de texto (T) ou clique em um elemento de texto existente.

  2. No painel de propriedades de texto, clique no nome da fonte para abrir o menu de seleção de fontes. 

  3. Role pela lista ou digite o nome da fonte que você instalou. Assim que encontrá-la, clique para aplicar.

Colaborando com Fontes Personalizadas

Se você está trabalhando com uma equipe, garanta que todos que precisem editar seus designs tenham as fontes personalizadas instaladas em seus computadores. Caso contrário, não conseguirão usar as fontes que você aplicou. 

O Figma alertará os usuários se estiverem sem uma fonte e oferecerá a opção de substituí-la por uma fonte diferente ou solicitar que instalem a fonte ausente.

Procurando fontes grátis?

Agora que você sabe como usar fontes no Figma, é hora de escolher uma fonte bacana para seu projeto. Confira nossa coleção das mais elegantes fontes de código aberto que você pode usar gratuitamente.

Instalar Aplicativos

Antes de começar, existem 2 maneiras de usar fontes personalizadas no Figma. 

  1. Obtenha o aplicativo Figma Desktop. Aqui estão os links de download para macOS e Windows.

  2. Obtenha o aplicativo Figma Font Installer. Ele permite que você acesse fontes do sistema enquanto usa o Figma no navegador. Aqui estão os links de download para macOS e Windows.

Instalar Fontes

Usando Fontes Personalizadas

Antes que suas fontes apareçam no Figma, elas devem estar instaladas no seu computador. Baixe arquivos OpenType (.OTF) ou TrueType (.TTF) das fontes que você gosta, clique duas vezes nelas e siga as instruções. 

Usando Fontes do Google

A boa notícia é que o Figma suporta fontes do Google por padrão! Você pode filtrar para ver apenas elas. Selecione a fonte e clique em "Todas as fontes". Lá você pode ver a seleção "Fonte do Google".

Usando Fontes Adobe

A Adobe exige que você baixe novamente as fontes se não forem usadas por algum tempo. Certifique-se de que as fontes estão ativadas no aplicativo Creative Cloud. 

  1. No aplicativo CC, vá para a aba Fontes

  2. Abra Fontes Ativas e ative as que você deseja ver no Figma

Usando Fontes no Figma

Se você instalou fontes enquanto o Figma estava aberto, feche o aplicativo e reinicie-o. Agora você pode usá-las!

  1. Selecione a ferramenta de texto (T) ou clique em um elemento de texto existente.

  2. No painel de propriedades de texto, clique no nome da fonte para abrir o menu de seleção de fontes. 

  3. Role pela lista ou digite o nome da fonte que você instalou. Assim que encontrá-la, clique para aplicar.

Colaborando com Fontes Personalizadas

Se você está trabalhando com uma equipe, garanta que todos que precisem editar seus designs tenham as fontes personalizadas instaladas em seus computadores. Caso contrário, não conseguirão usar as fontes que você aplicou. 

O Figma alertará os usuários se estiverem sem uma fonte e oferecerá a opção de substituí-la por uma fonte diferente ou solicitar que instalem a fonte ausente.

Procurando fontes grátis?

Agora que você sabe como usar fontes no Figma, é hora de escolher uma fonte bacana para seu projeto. Confira nossa coleção das mais elegantes fontes de código aberto que você pode usar gratuitamente.

Gere designs de UI usando IA

Converta suas ideias em designs bonitos e fáceis de usar. Rápido e fácil.