Почему в фигме нет шрифтов

В Figma шрифты могут не отображаться по нескольким причинам: неподключённые системные или облачные шрифты, проблемы с лицензированием, кэширование приложения или сетевые ограничения. Чаще всего решение — установить шрифт на компьютер и активировать его в Figma через плагин Figma Font Installer, а затем перезапустить приложение.

Figma — один из самых популярных инструментов для UI/UX-дизайна, который позволяет командам работать совместно в реальном времени. Однако даже опытные пользователи сталкиваются с ситуацией, когда нужный шрифт не появляется в списке доступных. Это вызывает раздражение и замедляет работу. Проблема может возникнуть как у новичков, так и у профессионалов, особенно при работе с кастомными или платными гарнитурами.

Причины могут быть техническими, лицензионными или связаны с настройками операционной системы. Важно понимать, что Figma не хранит шрифты на своих серверах — она лишь ссылается на те, что установлены на вашем устройстве или доступны через облачные сервисы. Поэтому отсутствие шрифта в интерфейсе почти всегда означает, что он не распознан операционной системой или не синхронизирован с приложением.

Как Figma работает со шрифтами: базовые принципы

Figma — это браузерное приложение, но при этом оно напрямую взаимодействует с локальной системой пользователя для доступа к шрифтам. Когда вы выбираете шрифт в текстовом слое, Figma сканирует установленные на вашем компьютере гарнитуры. Это означает, что если шрифт не установлен в системе, Figma не сможет его использовать, даже если он был задействован в файле другим пользователем.

Технологически Figma использует API операционной системы для получения списка доступных шрифтов. На macOS это Core Text, на Windows — DirectWrite. Если шрифт не прошёл валидацию этими системами (например, повреждён или заблокирован), Figma его просто не увидит. Это важный момент: Figma не «добавляет» шрифты, она только «подтягивает» их из системы.

Когда дизайнер из команды использует шрифт, которого нет у вас, Figma показывает предупреждение: «Font not available». Вместо оригинального начертания применяется резервный шрифт, обычно Arial или Helvetica. Это может исказить макет, особенно если оригинальный шрифт имеет уникальные метрики или глифы.

Как происходит синхронизация шрифтов

Процесс синхронизации начинается после установки шрифта на устройство. Figma автоматически обновляет список доступных гарнитур при перезапуске приложения или при использовании плагина Figma Font Installer. Этот плагин — официальное решение от Figma, которое помогает быстро связать локальные шрифты с аккаунтом.

Плагин анализирует системные папки с шрифтами и отправляет информацию о них в Figma. При этом сам файл шрифта не загружается на серверы Figma — передаётся только название и метаданные. Это обеспечивает безопасность лицензионных шрифтов и предотвращает их незаконное распространение.

Основные причины, почему шрифты не отображаются в Figma

Существует несколько ключевых причин, по которым шрифты могут не появляться в интерфейсе Figma. Некоторые из них легко исправить, другие требуют более глубокого вмешательства.

Первая и самая частая причина — шрифт не установлен на устройстве. Даже если он есть в проекте, созданным коллегой, вы не сможете его увидеть без локальной установки. Это особенно актуально при работе с корпоративными или премиальными шрифтами, такими как Gotham, Avenir или Brandon Grotesque.

Вторая причина — проблемы с лицензированием. Некоторые шрифты (например, от Foundries) имеют строгие DRM-ограничения и блокируются на уровне системы, если лицензия не активирована. В таких случаях шрифт может отображаться в системе, но Figma его игнорирует.

Третья причина — кэширование. Figma кэширует список шрифтов при запуске. Если вы установили новый шрифт, но не перезапустили приложение, он не появится в списке. То же касается браузера: кэш может сохранять старую версию интерфейса.

Четвёртая — конфликты имён. Иногда разные версии одного шрифта (например, Roboto Regular и Roboto-Regular) могут конфликтовать. Система может видеть один вариант, а Figma — ожидать другой формат названия.

Пятая — использование шрифтов из сторонних менеджеров. Программы вроде Suitcase Fusion или FontBase иногда блокируют доступ к шрифтам для других приложений, если не настроены правильно.

Пошаговое решение: как добавить шрифты в Figma

Если вы столкнулись с отсутствием шрифта, выполните следующие шаги. Они подходят как для macOS, так и для Windows.

1. Скачайте шрифт. Убедитесь, что источник надёжный и файл содержит все необходимые начертания (Regular, Bold, Italic и т.д.). Для коммерческих проектов используйте лицензионные шрифты.
2. Установите шрифт в систему. На macOS дважды щёлкните по файлу и нажмите «Установить шрифт». На Windows — правой кнопкой мыши → «Установить». Альтернативно, скопируйте файлы в папку C:WindowsFonts или ~/Library/Fonts/.
3. Проверьте установку. Откройте любой текстовый редактор (например, Word или TextEdit) и найдите шрифт в списке. Если он там — установка прошла успешно.
4. Запустите Figma Font Installer. Зайдите в официальную страницу, скачайте и запустите плагин. Он автоматически найдёт новые шрифты и синхронизирует их с вашим аккаунтом Figma.
5. Перезапустите Figma. Закройте вкладку и откройте заново. Иногда требуется полный выход из аккаунта и повторный вход.
6. Проверьте шрифт в проекте. Выберите текстовый слой и найдите нужную гарнитуру в выпадающем списке. Если она появилась — всё готово.

Альтернативные методы подключения

Если плагин не работает, попробуйте альтернативы. На macOS можно использовать Terminal-команду для принудительной перезагрузки кэша шрифтов:

sudo atsutil databases -remove

После этого перезагрузите Mac. На Windows — очистите кэш шрифтов через «Службу подготовки изображений Windows» в службах.

Также можно временно использовать Google Fonts через плагины, такие как Google Fonts for Figma. Они позволяют подключать открытые гарнитуры без установки на ПК.

Распространённые ошибки и как их избежать

Одна из самых частых ошибок — установка только одного начертания шрифта (например, только Regular). В результате при применении Bold или Light Figma не может найти соответствующий файл и заменяет его резервным шрифтом.

Другая ошибка — использование шрифтов из архивов без распаковки. Figma не читает шрифты прямо из ZIP-файлов. Все файлы должны быть извлечены и установлены.

Третья — игнорирование обновлений Figma. Иногда баги, связанные с отображением шрифтов, исправляются в новых версиях приложения. Регулярно проверяйте наличие обновлений.

Чек-лист перед началом работы

• Установлены ли все нужные начертания шрифта?
• Был ли перезапущен Figma после установки?
• Работает ли шрифт в других приложениях (Photoshop, Illustrator)?
• Активирована ли лицензия (если шрифт коммерческий)?
• Использовался ли Figma Font Installer?

Облачные шрифты и Google Fonts: интеграция и нюансы

Figma не поддерживает прямую загрузку шрифтов с серверов, но позволяет использовать облачные решения. Например, Google Fonts интегрируется через сторонние плагины. Популярные из них — Google Fonts и Better Google Fonts.

Эти плагины подключают шрифты напрямую из облака и временно применяют их в макете. Преимущество — не нужно устанавливать шрифты на каждый компьютер. Недостаток — они недоступны офлайн и могут не отображаться у других участников команды, если те не подключили тот же плагин.

Для корпоративных команд рекомендуется использовать единый шрифтовой стек. Это может быть набор открытых шрифтов (Inter, Manrope, Open Sans) или централизованная система управления шрифтами через менеджеры вроде Adobe Fonts или Extensis.

Экспертное мнение

Наталия Романова, ведущий дизайнер в крупном продуктовом агентстве, делится своим опытом:

«Мы столкнулись с проблемой шрифтов, когда клиент предоставил брендбук с лицензионным шрифтом. На трёх из пяти компьютеров он не отображался. Причина? Лицензия была активирована только на двух машинах через лаунчер Fontspring. Остальные просто скопировали файлы, что нарушило DRM.

Мы внедрили чек-лист: каждый новый шрифт проходит проверку на трёх этапах — установка, лицензирование, тест в Figma. Также завели общую таблицу с актуальными гарнитурами и инструкциями по подключению. С тех пор проблем не было.»

Вопросы и ответы

Заключение

Отсутствие шрифтов в Figma — распространённая, но решаемая проблема. Она чаще всего связана с локальной установкой, синхронизацией или лицензированием. Главное — понимать, что Figma не хранит шрифты, а лишь обращается к системным ресурсам. Поэтому любое решение начинается с проверки установки на устройстве.

• Figma не хранит шрифты — они должны быть установлены на устройстве.
• Используйте Figma Font Installer для синхронизации.
• Проверяйте лицензирование коммерческих шрифтов.
• Устанавливайте все начертания шрифта, а не только одно.
• Для команд — создавайте единый стандарт шрифтов.