Añadir una fuente a Figma Design
Quién puede utilizar esta función
Disponible para cualquier plan
Cualquiera puede añadir una fuente a Figma Design
De forma predeterminada, Figma incluye Google fonts en los archivos de Figma Design. Para usar una fuente diferente, puedes instalarla en tu ordenador y acceder a ella en tus archivos de Figma Design.
Precaución: Si usas tu propia fuente en un archivo de Figma Design, cualquier persona con la que compartas el archivo podrá ver la vista previa de la fuente. Para editar capas de texto con esa fuente, deberán instalarla en su ordenador. Es posible que vean errores relacionados con la gestión de fuentes no disponibles.
Sigue los pasos que se indican a continuación para utilizar tu propia fuente en Figma Design:
- Prepara y descarga los archivos de fuentes
- Instala la fuente en tu ordenador
- Instala el asistente de fuentes de Figma (solo para navegador)
- Usa tu fuente en un archivo de diseño
1. Prepara y descarga los archivos de fuentes
Las fuentes suelen ser colecciones de OpenType (. OTF) o TrueType (. TTF). Cada fuente puede tener varios estilos, y cada estilo tiene su propio archivo.
Por ejemplo, usar Inter Regular, Inter Bold e Inter Extra Light requiere tres archivos de fuentes.
Consejo: si utilizas una fuente que también usan otras personas, asegúrate de tener los mismos estilos. Si alguien usa un estilo de fuente en un archivo pero no tienes ese estilo en tu ordenador, recibirás un error de fuente ausente.
Nota: Figma solo admite archivos de fuentes .TTF y .OTF.
2. Instala la fuente en tu ordenador
Para usar una fuente, debe estar instalada en el administrador de fuentes de tu ordenador.
- En Mac, el administrador de fuentes se llama Font Book. Apple proporciona pautas para instalar y validar fuentes en Font Book en Mac. Como regla general, si puedes ver tu fuente en Font Book, significa que está instalada en tu ordenador.
- En Windows, puedes instalar fuentes añadiendo archivos de fuentes a la carpeta Fuentes . Añadir una fuente →
Nota: Figma no es compatible con fuentes para dispositivos con ChromeOS o Linux. Los usuarios de Chromebook y Linux solo pueden usar fuentes de Google, que son las fuentes predeterminadas en Figma.
3. Instala el asistente de fuentes de Figma
Nota: Si usas la aplicación de escritorio, puedes omitir este paso. La aplicación de escritorio incluye el asistente de fuentes Figma.
Si usas Figma en tu navegador web, debes instalar el instalador de Figma, también conocido como el ayudante de fuentes, antes de poder añadir tu propia fuente a los archivos de Figma Design.
Después de la instalación, vuelve a cargar cualquier archivo abierto en tu navegador para empezar a usar la fuente.
Nota: el instalador de fuentes de Figma, FigmaAgent, ejecuta un servidor HTTP y HTTPS en el localhost. Solo permite conexiones desde figma.com y no está expuesto al internet público.
Es posible que veas eventos relacionados con FigmaAgent en el registro de tu consola o cuando supervises la actividad en tu ordenador. La dirección de bucle invertido del localhost se resuelve en 127.0.0.1.
Siempre puedes desinstalar el asistente de fuentes si lo necesitas.
4. Usa tu fuente en un archivo de diseño
Para encontrar y usar tu fuente:
- En un archivo de Figma Design, selecciona o crea una capa de texto.
- Abre el selector de fuentes en la barra lateral derecha.
- Abre el menú desplegable de filtros y elige Instalado por ti.
Consejo: más información sobre cómo buscar y aplicar fuentes en tus archivos
Nota: ¿estás atascado? Consulta nuestra guía para solucionar problemas con fuentes →