Por defecto, en Figma, vienen añadidas las fuentes de Google Fonts, por lo que para cualquier diseño que quieras hacer, vas a tener una buena colección de tipografías. Pero, en ocasiones, necesitas usar una fuente concreta que no viene incluida en Figma. ¿Y cómo se añade? En este artículo podrás ver lo fácil que es.
Cómo añadir fuentes en Figma en Windows
Si usas Windows como sistema operativo, añadir nuevas fuentes en Figma (si lo tienes instalado en tu equipo) es muy fácil. Solo tienes que ir a la carpeta Windows -> Fonts y ahí instalar las tipografías que quieras que estén en Figma.
Como se puede ver en la imagen, tenemos instalada la fuente en nuestro ordenador.
Ahora nos falta el paso 2, ¿cómo se añade en Figma?
Pues ya estaría hecho al tener la tipografía instalada en tu ordenador. Solo tienes que abrir la versión de escritorio de Figma y verás que la fuente ya aparece, la puedes seleccionar y utilizar.
Estos pasos son para hacer si tienes Figma instalado en tu equipo y utilizas Windows, pero, ¿y sino lo tienes instalado? A continuación podrás ver otro caso distinto.
Figma en navegador
En el caso anterior he añadido la fuente en local y la veo correctamente, pero en el navegador se ve así.
No la reconoce, no coge la tipografía, tenemos que hacer algo más que te explico a continuación.
Si utilizamos Figma en navegador (Chrome, Firefox, Safari…) y queremos que se visualicen nuestras tipografías locales, tenemos que instalar Fonts Installers. En ese link tienes la opción de windows y mac, dependiendo del sistema operativo de tu equipo.
Seguimos los pasos de instalación y voilá, en nuestro navegador ya podemos ver nuestras tipografías locales si abrimos Figma. Siguiendo el ejemplo, vemos que ahora ya nos reconoce la fuente.
Espero que a partir de ahora, no tengas ninguna dificultad para insertar tipografías locales en Figma.
Si tienes cualquier duda, puedes escribir más abajo en comentarios.
Hola Isabel, acabo de instalar la última versión de Figma en Windows 11 pero no me reconoce las tipografías que están instaladas en el sistema =( he buscado algunas soluciones en YT pero varios usuarios han aparecido con el mismo error…
Gracias por el contenido!
Hola Christian,
Los pasos que indico en el post están hechos en windows 11 y la versión de Figma 116.4.2 (que es la última ahora mismo), por lo que te debería de funcionar.
Comprueba que tengas las tipografías en la carpeta de fuentes y que las puedas abrir (no vaya ser que estén corruptas y por eso no te las reconozca).
Otra cosa que puedes probar es ir a Figma y en actualizaciones hay una opción para recargar todas las pestañas, por si es un tema de actualización.
Suerte!!!!