Инструкция

Как добавить шрифт в Figma и зачем нужен Figma Font Installer

Desktop-приложение Figma уже включает Font Installer. Для локальных шрифтов в браузере нужен Figma Font Installer, который работает в фоне как FigmaAgent.

Figma умеет работать с локальными шрифтами, установленными на компьютере. Способ подключения зависит от того, где открыт редактор: в desktop-приложении или в браузере.

Официальная инструкция Figma по добавлению шрифтов:

https://help.figma.com/hc/en-us/articles/360039956894-Add-a-font-to-Figma

Нужно ли устанавливать Figma Font Installer

Если вы используете desktop-приложение

Отдельно устанавливать Font Installer не нужно. Он уже входит в desktop-приложение Figma. После установки шрифта в Windows или macOS перезапустите Figma, если новое начертание не появилось сразу.

Если вы работаете в браузере

Для доступа к дополнительным локальным шрифтам установите официальный Figma Font Installer. В списке процессов он может называться FigmaAgent. У него нет отдельного окна: компонент работает в фоне и передаёт Figma сведения о доступных на компьютере шрифтах.

Официальная страница загрузок Figma, где доступен Font Installer:

https://www.figma.com/downloads/

Как подключить новый шрифт

  1. Скачайте шрифт из источника, где у вас есть право на его использование.
  2. Установите файл шрифта средствами Windows или macOS.
  3. Если Figma открыта в браузере, установите Figma Font Installer. В desktop-приложении этот шаг не нужен.
  4. Перезагрузите вкладку Figma либо перезапустите desktop-приложение.
  5. Выберите текстовый слой, откройте список шрифтов и найдите установленное семейство.

Почему нужен именно установленный шрифт

Сам файл TTF или OTF не достаточно просто положить рядом с проектом. Операционная система должна зарегистрировать шрифт, после чего Figma сможет его увидеть через desktop-приложение или Font Installer.

Что делать, если шрифт не отображается

Перезапустите Figma

После установки нового шрифта закройте и заново откройте файл или приложение. В браузере обновите вкладку после запуска FigmaAgent.

Проверьте разрешение локального доступа

В актуальных версиях Chrome браузер может запрашивать разрешение на связь сайта Figma с приложениями на компьютере. В настройках сайта оно может называться Local network access или Apps on device. Если доступ запрещён, локальные шрифты могут не появляться.

Проверьте нужное начертание и кириллицу

У семейства могут быть отдельные файлы Regular, Medium, Bold и другие. Убедитесь, что установлено именно нужное начертание. Для русского текста также проверьте наличие кириллических символов в шрифте.

Если файл прислал другой дизайнер

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

Безопасно ли работает FigmaAgent

Официальная документация указывает, что FigmaAgent работает локально на компьютере и принимает соединения для figma.com. Сам компонент можно удалить, но тогда браузер потеряет доступ к локальным шрифтам.

Частые вопросы

Нужно ли скачивать Font Helper для desktop Figma?

Нет. Desktop-приложение уже содержит компонент для локальных шрифтов.

Почему Figma не видит установленный шрифт в браузере?

Проверьте Figma Font Installer, разрешение локального доступа браузера и обновите вкладку.

Можно ли использовать русский шрифт?

Да, если выбранное семейство содержит кириллицу и у вас есть право на его использование.

Что такое FigmaAgent?

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

Читайте также: как работать с Figma без русского интерфейса и как сохранить проект и экспортировать материалы.

Безопасность: vSofte — независимый навигационный каталог. vSofte не хранит EXE, DMG, APK, IPA и другие установочные файлы Figma; официальные приложения и справочные материалы открывайте на сайте Figma и в официальных магазинах.

Статья была полезна?
Оценка поможет нам делать материалы точнее и полезнее.
Figma
Приложение
Figma
Скачать Figma

Что ещё может пригодиться

Инструкция

Figma на русском языке: что доступно и нужен ли русификатор

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

3 мин
Инструкция

Как сохранить проект Figma и экспортировать изображения или PDF

Локальная копия .fig и экспорт изображения — разные операции. В статье показано, когда использовать Save local copy, а когда Export, и что происходит при повторном импорте проекта.

3 мин
Инструкция

Как сохранить презентацию Figma Slides в PPTX или PDF

Figma Slides умеет экспортировать презентации в PPTX и PDF. Разбираем шаги, режимы PPTX и ограничения шрифтов, интерактивных элементов и градиентов.

3 мин
Инструкция

Figma на телефоне и планшете: возможности и ограничения мобильной версии

Мобильная Figma удобна для просмотра макетов, комментариев и тестирования прототипов, но Figma Design и Figma Slides в мобильном приложении редактировать нельзя.

3 мин