'%3E%3Crect x='-4.10352' y='0.1875' width='171.875' height='171.875' rx='85.9375' fill='%230C5238'/%3E%3Crect x='82.5566' y='-9.2085' width='133.93' height='133.93' rx='22.7014' transform='rotate(45 82.5566 -9.2085)' fill='%23F79CFF'/%3E%3Crect x='144.375' y='23.677' width='123.75' height='123.75' rx='61.875' transform='rotate(90 144.375 23.677)' fill='%23FF6D38'/%3E%3Crect x='106.562' y='26.198' width='119.396' height='48.125' rx='24.0625' transform='rotate(90 106.562 26.198)' fill='%23252525'/%3E%3Crect x='106.562' y='62.8645' width='48.125' height='48.125' transform='rotate(90 106.562 62.8645)' fill='%2312A720'/%3E%3Cpath d='M106.553 86.927L99.5232 103.942L82.5526 110.99L65.5819 103.942L58.5524 86.927L65.5819 69.9122L82.5526 62.8645L99.5233 69.9122L106.553 86.927Z' fill='%23FFFF00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3971_7584'%3E%3Crect width='165' height='92.8125' fill='white' transform='translate(0 0.1875)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A)
Agregar una fuente a Figma Design
Si usas UI3, el nuevo diseño de Figma, es posible que algunas partes de este artículo no coincidan con lo que ves en el producto actualmente. Agradecemos tu paciencia mientras realizamos actualizaciones. Obtén más información sobre el nuevo diseño de Figma →
Quién puede utilizar esta función
Disponible en cualquier plan
Cualquier persona puede agregar una fuente a Figma Design.
De forma predeterminada, Figma incluye fuentes de Google en los archivos de Figma Design. Para usar una fuente diferente, puedes instalarla en tu computadora y acceder a ella en tus archivos de Figma Design.
Atención: Si usas tu propia fuente en un archivo de Figma Design, cualquier persona con la que compartas el archivo no podrá obtener una vista previa de la fuente sin instalarla también en su computadora. Es posible que vea errores relacionados con la gestión de fuentes faltantes.
Sigue los pasos que se indican a continuación para emplear tu propia fuente en Figma Design:
- Preparar y descargar los archivos de fuentes
- Instalar la fuente en la computadora
- Instalar el asistente de fuentes de Figma (solo para navegador)
- Usar la fuente en un archivo de diseño
1. Preparar y descargar 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.
Sugerencia: si vas a usar una fuente que otras personas también usan, asegúrate de tener los mismos estilos. Si alguien usa un estilo de fuente en un archivo, pero tú no tienes ese estilo en su computadora, recibirás mensaje de un error de fuente faltante.
Nota: Figma solo admite archivos de fuentes .TTF y .OTF.
2. Instala la fuente en tu computadora
Para usar una fuente, debe estar instalada en el administrador de fuentes de tu computadora.
- 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, está instalada en tu computadora.
- En Windows, puedes instalar fuentes al agregar archivos de fuentes a la carpeta Fuentes. Agregar una fuente →
Nota: Figma no es compatible con fuentes locales 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. Instalar el asistente de fuentes de Figma
Nota: Si usas la aplicación para escritorio, puedes omitir este paso. La aplicación para escritorio incluye el asistente de fuentes Figma.
Si usas Figma en tu navegador web, debes instalar el instalador de Figma, que también se conoce como el asistente de fuentes, antes de poder agregar 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 comenzar a usar tu fuente.
Nota: El instalador de fuentes de Figma, FigmaAgent, ejecuta un servidor HTTP y HTTPS en localhost. Solo permite conexiones desde figma.com y no está expuesto a la Internet pública.
Es posible que veas eventos relacionados con FigmaAgent en el registro de tu consola o al monitorear la actividad de tu computadora. La dirección de loopback para localhost se resuelve como 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 Instaladas por ti.
Sugerencia: Obtén más información sobre cómo buscar y aplicar fuentes en tus archivos.
Nota: ¿No puedes avanzar? Consulta nuestra guía para solucionar problemas con las fuentes →