Si has buscado como anadir tipografias en Figma y no acabas de encontrar una guia que te resuelva el problema, lo mas probable es que estes mezclando dos cosas distintas: Figma Desktop (la app que instalas en Mac o Windows) y Figma Web (la version del navegador). Cada una se comporta de forma diferente con las fuentes. En esta guia te explico paso a paso como instalar y usar tipografias personalizadas en las dos, incluyendo el famoso Figma Font Helper, las Google Fonts y como solucionar los 6 errores mas comunes cuando una fuente no aparece.
Antes de empezar: la diferencia entre Figma Desktop y Figma Web
Esta es la confusion que resuelve el 70% de los problemas con tipografias en Figma:
- Figma Desktop (app instalada en Mac o Windows) lee directamente las fuentes que tienes en tu sistema operativo. Si la fuente esta instalada en Mac/Windows, aparece en Figma. Punto.
- Figma Web (figma.com en navegador) NO puede leer las fuentes de tu sistema por defecto. Solo ve Google Fonts y, si instalas Figma Font Helper, tambien las locales.
| Funcionalidad | Figma Desktop | Figma Web |
|---|---|---|
| Ver Google Fonts | Si | Si |
| Ver fuentes del sistema (locales) | Si, automatico | No (sin Font Helper) |
| Ver fuentes con Figma Font Helper | No necesario | Si, tras instalarlo |
| Variable Fonts (font-weight ajustable) | Si | Si |
| Figma Mobile (iOS/Android) | – | Solo Google Fonts |
| Recomendado para | Trabajo individual con fuentes premium | Trabajo en equipo y revision rapida |
Instalar fuentes en Figma Desktop (Mac)
El proceso en Mac es directo porque Figma Desktop usa Font Book (la app nativa de macOS para gestionar fuentes).
- Descarga el archivo .otf o .ttf de la fuente que quieras (Google Fonts, dafont, MyFonts, Adobe Fonts).
- Si esta en .zip, extraelo. Doble click en el archivo de fuente.
- Se abre Font Book. Pulsa Instalar fuente.
- Cierra Figma Desktop completamente (Cmd+Q, no solo cerrar la ventana).
- Abre Figma Desktop de nuevo. La fuente aparecera en el desplegable del panel de propiedades.
Instalar fuentes en Figma Desktop (Windows)
En Windows el proceso es muy similar, con el matiz de que tienes dos opciones: instalar solo para tu usuario o para todos los usuarios del equipo.
- Descarga el archivo .ttf o .otf y extraelo si esta en .zip.
- Click derecho sobre el archivo de fuente.
- Elige Instalar para todos los usuarios (recomendado, requiere permisos admin) o Instalar (solo para tu usuario).
- Cierra Figma Desktop por completo. Click derecho en el icono de la barra de tareas -> Cerrar ventana, o desde el Administrador de tareas si sigue abierto en segundo plano.
- Vuelve a abrir Figma Desktop. La fuente aparece en el desplegable.
Instalar fuentes en Figma Web con Font Helper
Esta es la parte que mas confusion genera. Figma Web no puede ver las fuentes de tu sistema por defecto. La solucion oficial es Figma Font Helper: una app pequena que Figma instala en tu Mac o Windows y que actua de puente entre tu sistema operativo y el navegador.
- Desde Figma Web, ve a Menu (esquina superior izquierda) -> Get desktop app o entra directamente en figma.com/downloads.
- En esa pagina, baja hasta la seccion Font installers y descarga la version para tu sistema (Mac o Windows).
- Ejecuta el instalador. En Mac veras una aplicacion llamada Figma Agent (a veces aparece como Figma Font Helper segun la version) que se queda corriendo en segundo plano. En Windows pasa lo mismo.
- Cierra el navegador completamente y abrelo de nuevo. Entra en figma.com.
- En el desplegable de fuentes ahora veras tus fuentes locales junto a las Google Fonts.
Como anadir Google Fonts en Figma
Las Google Fonts estan precargadas en Figma (Web y Desktop) y son la opcion mas comoda: no requieren instalacion, funcionan en todos los dispositivos del equipo y son gratuitas tambien para uso comercial.
- Selecciona el texto en tu diseno Figma.
- En el panel derecho, abre el desplegable de fuentes y empieza a escribir el nombre (Roboto, Inter, Poppins, Montserrat, etc.).
- Selecciona la fuente. Si tu archivo se va a compartir con otra persona, esta tambien la vera sin instalar nada.
Como subir y agregar fuentes personalizadas a Figma (Variable Fonts y .otf)
Si tienes una fuente premium (Adobe Fonts, MyFonts, fundicion independiente, fuente custom de marca) y necesitas usarla en Figma, hay tres caminos segun tu caso:
- Adobe Fonts (incluido en Creative Cloud): activa la fuente desde Adobe Fonts y se sincroniza automaticamente al sistema. Figma Desktop la vera. Para Figma Web necesitas Font Helper. Importante: las fuentes Adobe sincronizadas a veces no son compartibles con un colaborador que no tenga Adobe CC.
- Fuente premium descargada (.otf, .ttf): instala como en los pasos anteriores y usa Font Helper para Web.
- Variable Fonts (un solo archivo con multiples pesos): Figma soporta variable fonts desde 2022. Instala el .ttf o .otf variable y dentro de Figma podras ajustar el peso, ancho, slant, etc., desde el panel de propiedades del texto (icono de los slots variables).
Solucion a fuentes que no aparecen en Figma (6 errores mas comunes)
Estos son los problemas que reporta el 90% de la gente cuando una fuente no aparece, con su solucion concreta:
Error 1: He instalado la fuente y no aparece en Figma Desktop
La causa mas comun: Figma estaba abierto cuando instalaste. Figma carga la lista de fuentes al arrancar y no la refresca despues.
Error 2: La fuente aparece en Figma Desktop pero no en Figma Web
Esto es esperable: Figma Web no ve fuentes locales sin Figma Font Helper.
Error 3: Tengo Font Helper instalado y aun asi no veo mi fuente en Figma Web
Tres causas posibles: el agente esta apagado, el navegador no se ha reiniciado, o un bloqueador esta interceptando la conexion local.
Error 4: La fuente aparece pero con un espaciado o renderizado raro
Suele pasar con fuentes premium descargadas de fuentes no oficiales (sitios piratas) o cuando la fuente tiene varios pesos en archivos separados y Figma solo encuentra uno.
Error 5: Mi equipo ve «Fuente faltante» al abrir mi archivo
Tu colaborador no tiene la fuente instalada en su sistema, y la fuente no esta en Google Fonts.
Error 6: Figma me dice que la fuente «no es compatible» o no carga
Algunas fuentes muy antiguas (PostScript Type 1) o fuentes corruptas no son compatibles con Figma.
Mejores tipografias gratis para Figma (recomendaciones)
Si necesitas fuentes que funcionen sin friccion (sin Font Helper, compartibles con cualquier colaborador, gratis para uso comercial), estas son las apuestas seguras de Google Fonts para 2026:
- Inter – el sans-serif por defecto del 80% de las webs modernas. Variable font, todos los pesos.
- Roboto y Roboto Flex – el clasico de Google, perfecta para UI y texto largo.
- Poppins – geometrico amigable, muy usado en branding.
- Plus Jakarta Sans – alternativa moderna a Inter, excelente legibilidad.
- DM Sans – sans grotesque elegante, gratis incluso para uso comercial.
- Manrope – sans con personalidad, ideal para titulares de marca.
Si buscas estilos mas especificos como tipografias decorativas, medievales o cuadradas, te dejo guias dedicadas:
- 30+ tipografias cuadradas gratis para diseno geometrico y display.
- 20 fuentes medievales gratis para proyectos goticos, blackletter y caligrafia ornamental.
- 30 tipografias modernas para branding contemporaneo.
- Como crear una escala tipografica con calculadora y ejemplos en Figma Variables.
Preguntas frecuentes
Las fuentes premium funcionan en Figma Web?
Si, pero solo si tienes Figma Font Helper instalado y la fuente esta en tu sistema operativo. Recuerda que tu colaborador remoto necesitara tambien la fuente instalada para verla correctamente. En equipos distribuidos, lo mas practico es ceñirse a Google Fonts o pagar una licencia de fuente para todo el equipo.
Por que no aparece mi fuente en Figma despues de instalarla?
Casi siempre es porque Figma estaba abierto cuando la instalaste, y Figma solo carga la lista de fuentes al arrancar. Cierra Figma por completo (Cmd+Q en Mac, comprueba el Administrador de tareas en Windows) y vuelve a abrirlo. Si despues de eso sigue sin aparecer, revisa los 6 errores comunes en este post.
Funciona Figma Font Helper en Linux?
No. Figma Font Helper solo tiene version oficial para Mac y Windows. En Linux, los usuarios suelen abrir Figma Web a traves del navegador y solo tienen acceso a Google Fonts. Existen workarounds no oficiales (correr Figma Desktop con Wine, por ejemplo), pero son fragiles. Lo mas estable en Linux es trabajar exclusivamente con Google Fonts.
Puedo usar Variable Fonts en Figma?
Si. Figma soporta variable fonts desde 2022 tanto en Desktop como en Web. Instala el archivo .ttf o .otf variable y dentro de Figma podras ajustar peso, ancho, slant y otros ejes desde el panel de propiedades del texto. Google Fonts tiene varias variables fonts excelentes (Inter, Roboto Flex, Plus Jakarta Sans, Manrope) que ya estan precargadas.
Como comparto fuentes con mi equipo en Figma?
Figma no permite «subir» una fuente al archivo para que la vean otros (eso seria una violacion de licencia). Las opciones son: (1) usar Google Fonts, que se ven en cualquier dispositivo automaticamente; (2) comprar una licencia de equipo de la fuente premium y que cada miembro la instale en su sistema con Figma Font Helper; (3) si solo necesitas la presentacion final, exportar los textos como vector con Outline stroke antes de compartir.
Cual es la diferencia entre Figma Desktop y Figma Web para fuentes?
Figma Desktop lee directamente las fuentes instaladas en tu Mac o Windows (no necesita configuracion adicional). Figma Web solo ve Google Fonts por defecto; para ver fuentes locales necesitas instalar Figma Font Helper ademas de tener la fuente instalada en tu sistema. La calidad de renderizado y las funciones de edicion son identicas – lo unico que cambia es como cada version accede a las fuentes.
Conclusion
Resumen rapido segun tu caso: si trabajas en solitario en Mac/Windows, instala las fuentes en tu sistema y usa Figma Desktop – es lo mas comodo. Si trabajas en equipo, prioriza Google Fonts (te ahorras problemas de «fuente faltante»). Si necesitas fuentes premium en Figma Web, instala Figma Font Helper. Y si una fuente «no aparece», el 90% de las veces se soluciona cerrando Figma por completo y abriendolo de nuevo.
Sigue aprendiendo Figma
Si quieres dar el siguiente paso, mira nuestras guias sobre como crear un sistema de diseno con IA en Figma y la comparativa Figma AI vs Galileo AI vs Uizard.
Hola, tengo un problema con la instalación, ya instalé las fuentes y el instalador pero en Figma me sigue apareciendo que debo descargar el instalador, qué debo hacer si no la está reconociendo?