Настройка локальных шрифтов в Figma через Font Helper

Иван Корнев·27.05.2026·⏱5 мин

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

Краткий ответ: Если шрифты не видны в веб-версии Figma, скачайте Font Helper в настройках профиля (иконка аватара → Settings → Font installer), установите его и перезагрузите страницу с макетом.

Зачем нужен Font Helper

Веб-браузеры работают в «песочнице» и по умолчанию не имеют доступа к файлам на жестком диске пользователя. Без специального посредника Figma в браузере видит только облачные шрифты (Google Fonts, Adobe Fonts через интеграцию) и стандартные системные шрифты.

Font Helper решает эту проблему, сканируя папки со шрифтами (.otf, .ttf) на вашем устройстве и передавая данные в браузер. Это критически важно для:

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

Важно: Font Helper работает только с браузерной версией Figma (Chrome, Safari, Firefox, Edge). В десктопном приложении Figma (Electron-версия) доступ к системным шрифтам встроен по умолчанию, установка помощника не требуется.

Пошаговая установка на Windows и macOS

Процесс установки идентичен для обеих операционных систем, различаются лишь системные запросы безопасности.

Шаг 1: Скачивание установщика

  1. Откройте Figma.com и авторизуйтесь.
  2. Нажмите на иконку своего профиля в правом верхнем углу.
  3. Выберите пункт Settings (Настройки).
  4. В левой колонке найдите раздел Font installer.
  5. Нажмите кнопку Download font installer.

Шаг 2: Установка

  • Windows: Запустите скачанный .exe файл. Если появится окно контроля учетных записей (UAC), нажмите «Да». Следуйте инструкциям мастера установки.
  • macOS: Откройте скачанный .dmg файл и перетащите иконку Font Helper в папку Applications. При первом запуске система может заблокировать приложение как «загруженное из интернета». Зайдите в Системные настройки → Безопасность и конфиденциальность и нажмите «Все равно открыть».

Шаг 3: Активация

После установки значок Font Helper появится в трее (Windows) или строке меню (macOS).

  1. Убедитесь, что статус приложения — Running (Работает).
  2. Вернитесь во вкладку браузера с Figma.
  3. Полностью перезагрузите страницу (Ctrl+R / Cmd+R).

Через несколько секунд в панели инструментов Text должен обновиться список шрифтов. Локальные шрифты обычно помечаются значком домика 🏠 или подписью «Local».

Решение проблем со шрифтами

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

Шрифты не появляются в списке

Если прошло более минуты, а новые шрифты не видны:

  1. Проверьте статус Font Helper. Иконка в трее/меню должна быть активной. Если она серая или перечеркнутая, запустите приложение вручную.
  2. Перезапустите браузер. Иногда кэш браузера блокирует обновление списка.
  3. Проверьте формат файлов. Figma поддерживает .otf и .ttf. Форматы .woff или .svg для веба не подхватятся локально.
  4. Конфликт имен. Если у вас установлен шрифт с таким же именем, как в облаке (например, Roboto), приоритет может отдаваться облачной версии. Попробуйте временно отключить интернет или переименовать локальный файл шрифта.

Отображается только Regular, нет Bold/Italic

Частая ошибка возникает, когда разные начертания (Bold, Italic) установлены как отдельные файлы, но не объединены в семейство системой.

  • Решение: Убедитесь, что все файлы семейства (Regular, Bold, Italic, Bold Italic) лежат в одной папке и имеют корректные внутренние метаданные. Используйте сторонние менеджеры шрифтов (например, FontBase или RightFont) для проверки целостности семейства перед установкой в систему.

Font Helper не запускается или вылетает

  • Антивирус/Брандмауэр: Корпоративные фаерволы могут блокировать локальный сервер, который создает Font Helper для связи с браузером. Добавьте приложение в исключения.
  • Порты: Приложение использует локальный порт. Если он занят другим процессом, связь не установится. Перезагрузка компьютера обычно освобождает порт.

Лайфхак для Linux: Официального клиента Font Helper для Linux нет. Пользователи Linux могут использовать веб-версию через Wine/Proton или конвертировать текст в кривые (Outline Stroke) перед отправкой макета разработчикам, чтобы избежать проблем с отсутствием шрифтов.

Частые ошибки при работе

ОшибкаПричинаРешение
Шрифт есть, но выглядит «слояным»Конфликт между локальным и облачным шрифтом с одинаковым именем.Удалите один из вариантов или переименуйте локальный файл.
Font Helper требует права администратора постоянноСбой при обновлении приложения.Полностью удалите Font Helper, перезагрузите ПК и установите заново.
Шрифты видны мне, но не коллегеКоллега не установил Font Helper на свой компьютер.Локальные шрифты не синхронизируются через облако. Каждый участник команды должен установить нужные шрифты себе.
Текст заменился на Arial/RobotoБраузер потерял связь с помощником.Проверьте, не «уснул» ли процесс Font Helper в фоне. Кликните по иконке, чтобы активировать.

FAQ

Нужен ли Font Helper, если я работаю в десктопном приложении Figma? Нет. Нативное приложение Figma имеет прямой доступ к системным шрифтам. Устанавливайте помощник только если вы предпочитаете работать через браузер (Chrome, Safari и др.).

Безопасно ли устанавливать Font Helper? Да, приложение распространяется официально через сайт figma.com. Оно работает локально и не передает ваши шрифты на серверы Figma, а лишь сообщает браузеру об их наличии.

Можно ли выбрать конкретные папки со шрифтами? Нет, Font Helper сканирует стандартные системные директории шрифтов. Чтобы добавить шрифт, установите его в систему обычным способом (правой кнопкой мыши → «Установить» на Windows или через Font Book на macOS).

Что делать, если шрифт лицензионный и его нельзя устанавливать всем дизайнерам? Используйте функцию «Convert to outlines» (Преобразовать в кривые) для финальных макетов или экспортируйте такие фрагменты как изображения/PDF. Для работы в редакторе каждый дизайнер обязан иметь легальную копию шрифта на своем устройстве.