Quem pode usar este recurso
Disponível em qualquer plano
Qualquer pessoa pode adicionar uma fonte ao Figma Design
Por padrão, o Figma inclui Google Fonts nos arquivos do Figma Design. Para usar uma fonte diferente, você pode instalá-la no computador e acessá-la nos arquivos do Figma Design.
Atenção: se você usar sua própria fonte em um arquivo do Figma Design, qualquer pessoa com quem você compartilhar o arquivo poderá pré-visualizar a fonte. Para editar camadas de texto usando essa fonte, será necessário instalá-la no próprio computador. Erros relacionados ao gerenciamento de fontes ausentes podem ser observados.
Siga os passos abaixo para usar sua própria fonte no Figma Design:
- Prepare e baixe os arquivos da fonte
- Instale a fonte no seu computador
- Instale o assistente de fontes do Figma (somente navegador)
- Use sua fonte em um arquivo de design
1. Prepare e baixe os arquivos da fonte
As fontes são normalmente coleções de OpenType (.OTF) ou TrueType (.TTF). Cada fonte pode ter vários estilos, e cada estilo tem seu próprio arquivo.
Por exemplo, o uso de Inter Regular, Inter Bold e Inter Extra Light requer três arquivos de fonte.
Dica: se você estiver usando uma fonte que outras pessoas também usam, não se esqueça de usar os mesmos estilos. Se alguém usar um estilo de fonte em um arquivo, mas você não tiver esse estilo no seu computador, você receberá um erro de fonte ausente.
Nota: O Figma aceita apenas arquivos de fonte .TTF e .OTF.
2. Instale a fonte no seu computador
Para usar uma fonte, ela deve estar instalada no gerenciador de fontes do seu computador.
- No Mac, o gerenciador de fontes é chamado Catálogo de Fontes. A Apple fornece diretrizes para instalar e validar fontes no Catálogo de Fontes no Mac. Como regra geral, se sua fonte estiver no Catálogo de Fontes, isso significa que ela está instalada no computador.
- No Windows, você pode instalar fontes adicionando arquivos de fontes à pasta Fontes. Adicionar uma fonte →
Observação: o Figma não oferece suporte a fontes para dispositivos com ChromeOS ou o Linux. Os usuários de Chromebook e Linux só podem usar Google Fonts, que são as fontes padrão no Figma.
3. Instale o assistente de fontes do Figma
Observação: se estiver usando o aplicativo para computador, você pode pular esta etapa. O aplicativo para computador inclui o assistente de fontes do Figma.
Se você usa o Figma no navegador, precisa instalar o instalador do Figma, também conhecido como o assistente de fontes, para adicionar sua própria fonte aos arquivos do Figma Design.
Após a instalação, recarregue todos os arquivos abertos no navegador para começar a usar sua fonte.
Observação: o instalador de fontes do Figma, FigmaAgent, executa um servidor HTTP e HTTPS no localhost. Ele só permite conexões de figma.com e não é exposto à internet pública.
Você pode ver eventos relacionados ao FigmaAgent no log do console ou ao monitorar a atividade no seu computador. O endereço de loopback do localhost é resolvido para 127.0.0.1.
Você sempre pode desinstalar o assistente de fontes se precisar.
4. Use sua fonte em um arquivo de design
Para encontrar e usar sua fonte:
- Em um arquivo do Figma Design, selecione ou crie uma camada de texto.
- Abra o seletor de fontes na barra lateral direita.
- Abra a lista suspensa de filtros e escolha Instaladas por você.
Dica: saiba mais sobre como procurar e aplicar fontes em seus arquivos
Observação: não sabe o que fazer? Confira nosso guia de solução de problemas com fontes →