Cómo instalar fuentes en Figma (Desktop, Web y errores)

Si has buscado cómo añadir tipografías en Figma y no acabas de encontrar una guía que te resuelva el problema, lo más probable es que estés mezclando dos cosas distintas: Figma Desktop (la app que instalas en Mac o Windows) y Figma Web (la versión del navegador). Cada una se comporta de forma diferente con las fuentes. En esta guía te explico paso a paso cómo instalar y usar tipografías personalizadas en las dos, incluyendo el famoso Figma Font Helper, las Google Fonts y cómo solucionar los 6 errores más comunes cuando una fuente no aparece.

Antes de empezar: la diferencia entre Figma Desktop y Figma Web

Esta es la confusión que resuelve el 70 % de los problemas con tipografías en Figma:

• Figma Desktop (app instalada en Mac o Windows) lee directamente las fuentes que tienes en tu sistema operativo. Si la fuente está 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, también las locales.

Tip práctico: si trabajas en equipo y reciben «fuente faltante» al abrir tu archivo, casi siempre es porque uno usa Desktop y otro Web, o porque uno tiene la fuente instalada y otro no. La solución estándar es subir la fuente a Google Fonts si está disponible allí, o usar Figma Font Helper en TODOS los miembros del equipo.

Funcionalidad	Figma Desktop	Figma Web
Ver Google Fonts	Sí	Sí
Ver fuentes del sistema (locales)	Sí, automático	No (sin Font Helper)
Ver fuentes con Figma Font Helper	No necesario	Sí, tras instalarlo
Variable Fonts (font-weight ajustable)	Sí	Sí
Figma Mobile (iOS/Android)	–	Solo Google Fonts
Recomendado para	Trabajo individual con fuentes premium	Trabajo en equipo y revisión rápida

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).

Pasos en Mac:

1. Descarga el archivo .otf o .ttf de la fuente que quieras (Google Fonts, dafont, MyFonts, Adobe Fonts).
2. Si está en .zip, extráelo. Doble clic en el archivo de fuente.
3. Se abre Font Book. Pulsa Instalar fuente.
4. Cierra Figma Desktop completamente (Cmd+Q, no solo cerrar la ventana).
5. Abre Figma Desktop de nuevo. La fuente aparecerá en el desplegable del panel de propiedades.

Variante: instalar para todos los usuarios. Si compartes el Mac con más gente y quieres que todos vean la fuente, en Font Book ve a Preferencias → Ubicación de instalación predeterminada → Computador. Por defecto se instala solo para tu usuario.

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.

Pasos en Windows 10 / 11:

1. Descarga el archivo .ttf o .otf y extráelo si está en .zip.
2. Clic derecho sobre el archivo de fuente.
3. Elige Instalar para todos los usuarios (recomendado, requiere permisos de administrador) o Instalar (solo para tu usuario).
4. Cierra Figma Desktop por completo. Clic derecho en el icono de la barra de tareas → Cerrar ventana, o desde el Administrador de tareas si sigue abierto en segundo plano.
5. Vuelve a abrir Figma Desktop. La fuente aparece en el desplegable.

Si tienes Figma instalado por la Microsoft Store: a veces no detecta fuentes recién instaladas hasta que reinicias Windows. Si has cerrado y abierto Figma y la fuente sigue sin aparecer, prueba a reiniciar el equipo.

Instalar fuentes en Figma Web con Font Helper

Esta es la parte que más confusión genera. Figma Web no puede ver las fuentes de tu sistema por defecto. La solución oficial es Figma Font Helper: una app pequeña que Figma instala en tu Mac o Windows y que actúa de puente entre tu sistema operativo y el navegador.

Cómo instalar Figma Font Helper:

1. Desde Figma Web, ve a Menú (esquina superior izquierda) → Get desktop app o entra directamente en figma.com/downloads.
2. En esa página, baja hasta la sección Font installers y descarga la versión para tu sistema (Mac o Windows).
3. Ejecuta el instalador. En Mac verás una aplicación llamada Figma Agent (a veces aparece como Figma Font Helper según la versión) que se queda corriendo en segundo plano. En Windows pasa lo mismo.
4. Cierra el navegador completamente y ábrelo de nuevo. Entra en figma.com.
5. En el desplegable de fuentes ahora verás tus fuentes locales junto a las Google Fonts.

Cómo saber si Figma Font Helper está funcionando: en Mac, mira la barra de menú superior: verás un pequeño icono de Figma. En Windows, mira el system tray (esquina inferior derecha, cerca del reloj): verás un icono parecido. Si no está, abre la aplicación Figma Agent manualmente desde Aplicaciones (Mac) o el menú Inicio (Windows).

Limitación importante: Figma Font Helper SOLO funciona en escritorio (Mac/Windows). Si abres Figma desde un móvil, una tablet o un Chromebook, solo verás Google Fonts. Por eso, para equipos remotos o que abran archivos desde tablets, lo más seguro es usar fuentes que estén en Google Fonts.

Cómo añadir Google Fonts en Figma

Las Google Fonts están precargadas en Figma (Web y Desktop) y son la opción más cómoda: no requieren instalación, funcionan en todos los dispositivos del equipo y son gratuitas también para uso comercial.

Para usar una Google Font:

1. Selecciona el texto en tu diseño Figma.
2. En el panel derecho, abre el desplegable de fuentes y empieza a escribir el nombre (Roboto, Inter, Poppins, Montserrat, etc.).
3. Selecciona la fuente. Si tu archivo se va a compartir con otra persona, esta también la verá sin instalar nada.

Tip de equipo: aunque Google Fonts está integrado en Figma, si en tu sistema operativo tienes instalada localmente la misma Google Font (descargada y metida en Font Book/Windows Fonts), Figma Desktop la usará antes que la versión remota. Esto puede dar pequeñas diferencias visuales si tu versión local está desactualizada. Si dudas, desinstala la versión local y deja que Figma use la del catálogo.

Cómo subir y agregar fuentes personalizadas a Figma (Variable Fonts y .otf)

Si tienes una fuente premium (Adobe Fonts, MyFonts, fundición independiente, fuente custom de marca) y necesitas usarla en Figma, hay tres caminos según tu caso:

1. Adobe Fonts (incluido en Creative Cloud): activa la fuente desde Adobe Fonts y se sincroniza automáticamente al sistema. Figma Desktop la verá. Para Figma Web necesitas Font Helper. Importante: las fuentes Adobe sincronizadas a veces no son compartibles con un colaborador que no tenga Adobe CC.
2. Fuente premium descargada (.otf, .ttf): instálala como en los pasos anteriores y usa Font Helper para Web.
3. Variable Fonts (un solo archivo con múltiples pesos): Figma soporta variable fonts desde 2022. Instala el .ttf o .otf variable y dentro de Figma podrás ajustar el peso, ancho, slant, etc., desde el panel de propiedades del texto (icono de los slots variables).

Fuentes premium en archivos compartidos: si tu fuente no está en Google Fonts y la compartes con alguien que no la tenga instalada, ese colaborador verá tu archivo con una fuente sustituta y un aviso «fuente faltante». La única solución limpia es que ambos tengan la fuente instalada legalmente. Algunas fundiciones permiten licencias de equipo: revisa las condiciones antes de comprar.

Solución a fuentes que no aparecen en Figma (6 errores más comunes)

Estos son los problemas que reporta el 90 % de la gente cuando una fuente no aparece, con su solución concreta:

Error 1: He instalado la fuente y no aparece en Figma Desktop

La causa más común: Figma estaba abierto cuando instalaste. Figma carga la lista de fuentes al arrancar y no la refresca después.

Solución: cierra Figma POR COMPLETO. En Mac: Cmd+Q (no basta con cerrar la ventana). En Windows: clic derecho en el icono de la barra de tareas → Cerrar ventana, y revisa el Administrador de tareas para asegurarte de que no queda ningún proceso «Figma» corriendo. Vuelve a abrirlo.

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.

Solución: instala Figma Font Helper siguiendo los pasos del bloque anterior. Tras instalarlo, cierra el navegador por completo y ábrelo de nuevo. La fuente debe aparecer en el desplegable.

Error 3: Tengo Font Helper instalado y aun así no veo mi fuente en Figma Web

Tres causas posibles: el agente está apagado, el navegador no se ha reiniciado, o un bloqueador está interceptando la conexión local.

Solución: verifica que Figma Agent esté corriendo (icono en la barra de menú de Mac o system tray de Windows). Si no está, ábrelo manualmente. Cierra y vuelve a abrir el navegador. Si usas extensiones tipo uBlock o un antivirus con firewall agresivo (Bitdefender, Kaspersky), prueba desactivándolos temporalmente para Figma Web.

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.

Solución: reinstala la fuente desde la fuente oficial (la web del autor o Google Fonts). Asegúrate de instalar todos los pesos (Regular, Bold, Italic, etc.) y todas las variantes. Si es una variable font, instala el archivo completo VF y no las versiones estáticas.

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 está en Google Fonts.

Solución: tres opciones según el contexto. (a) Si tienes presupuesto para licencia de equipo, comparte la fuente legalmente con todos. (b) Si la fuente tiene equivalente en Google Fonts, sustitúyela en tu diseño. (c) Si nada de eso es viable, exporta los textos como vector (clic derecho → Outline stroke) antes de compartir, sabiendo que perderás la editabilidad.

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.

Solución: Figma soporta TrueType (.ttf), OpenType (.otf) y WOFF/WOFF2. Si tu fuente está en .pfb, .pfm o un formato exótico, conviértela a .otf con una herramienta como FontForge o Transfonter. Si es .ttf/.otf y aun así no carga, el archivo puede estar dañado: descárgalo de nuevo desde la fuente original.

Mejores tipografías gratis para Figma (recomendaciones)

Si necesitas fuentes que funcionen sin fricción (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 clásico de Google, perfecta para UI y texto largo.
• Poppins — geométrico 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 más específicos como tipografías decorativas, medievales o cuadradas, te dejo guías dedicadas:

• 33 tipografías cuadradas gratis para diseño geométrico y display.
• 20 fuentes medievales gratis para proyectos góticos, blackletter y caligrafía ornamental.
• 20 tipografías modernas para branding contemporáneo.
• Cómo crear una escala tipográfica con calculadora y ejemplos en Figma Variables.

Preguntas frecuentes

¿Las fuentes premium funcionan en Figma Web?

Sí, pero solo si tienes Figma Font Helper instalado y la fuente está en tu sistema operativo. Recuerda que tu colaborador remoto necesitará también la fuente instalada para verla correctamente. En equipos distribuidos, lo más práctico es ceñirse a Google Fonts o pagar una licencia de fuente para todo el equipo.

¿Por qué no aparece mi fuente en Figma después 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 después de eso sigue sin aparecer, revisa los 6 errores comunes de este post.

¿Funciona Figma Font Helper en Linux?

No. Figma Font Helper solo tiene versión oficial para Mac y Windows. En Linux, los usuarios suelen abrir Figma Web a través del navegador y solo tienen acceso a Google Fonts. Existen workarounds no oficiales (correr Figma Desktop con Wine, por ejemplo), pero son frágiles. Lo más estable en Linux es trabajar exclusivamente con Google Fonts.

¿Puedo usar Variable Fonts en Figma?

Sí. Figma soporta variable fonts desde 2022 tanto en Desktop como en Web. Instala el archivo .ttf o .otf variable y dentro de Figma podrás ajustar peso, ancho, slant y otros ejes desde el panel de propiedades del texto. Google Fonts tiene varias variable fonts excelentes (Inter, Roboto Flex, Plus Jakarta Sans, Manrope) que ya están precargadas.

¿Cómo comparto fuentes con mi equipo en Figma?

Figma no permite «subir» una fuente al archivo para que la vean otros (eso sería una violación de licencia). Las opciones son: (1) usar Google Fonts, que se ven en cualquier dispositivo automáticamente; (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 presentación final, exportar los textos como vector con Outline stroke antes de compartir.

¿Cuál 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 configuración adicional). Figma Web solo ve Google Fonts por defecto; para ver fuentes locales necesitas instalar Figma Font Helper además de tener la fuente instalada en tu sistema. La calidad de renderizado y las funciones de edición son idénticas: lo único que cambia es cómo cada versión accede a las fuentes.

Conclusión

Resumen rápido según tu caso: si trabajas en solitario en Mac/Windows, instala las fuentes en tu sistema y usa Figma Desktop, es lo más cómodo. 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 abriéndolo de nuevo.

Sigue aprendiendo Figma

Si quieres dar el siguiente paso, mira nuestras guías sobre cómo crear un sistema de diseño con IA en Figma y la comparativa Figma AI vs Galileo AI vs Uizard.