Как добавить шрифт в Figma? - коротко
Откройте проект, зайдите в Settings → Fonts → Upload fonts и загрузите файл шрифта (.ttf или .otf); после загрузки он мгновенно появится в списке доступных шрифтов и будет готов к использованию в любых текстовых слоях.
Как добавить шрифт в Figma? - развернуто
Чтобы использовать нужный типографический набор в Figma, достаточно выполнить несколько простых действий. Процесс делится на два основных пути: подключение онлайн‑коллекций и загрузка локальных файлов. Оба варианта работают как в браузерной версии, так и в настольном клиенте.
Во-первых, откройте любой файл и перейдите к панели свойств текста. В выпадающем списке шрифтов нажмите кнопку «+» или «Add more fonts». Откроется окно с каталогом Google Fonts. Выберите нужные гарнитуры, отметьте галочками стили (Regular, Bold, Italic и т.д.) и нажмите «Add». После синхронизации выбранные шрифты появятся в общем списке и будут доступны во всех ваших проектах.
Если требуется использовать фирменный или редкий шрифт, который не присутствует в публичных библиотеках, необходимо установить Figma Font Helper. Скачайте приложение с официального сайта Figma, запустите установщик и дайте программе разрешение на доступ к системным шрифтам. После завершения установки перезапустите браузер или клиент Figma – в списке шрифтов появятся все локальные файлы, находящиеся в системе (TrueType .ttf, OpenType .otf). Для обеспечения корректной работы в команде убедитесь, что каждый участник проекта установил Font Helper и загрузил одинаковый набор файлов.
В корпоративных аккаунтах Figma предоставляет возможность загрузки шрифтов напрямую в команду. Перейдите в настройки организации, выберите раздел «Fonts», нажмите «Upload font» и загрузите файлы шрифта. После проверки администратором они станут доступны всем участникам без необходимости установки дополнительных программ. Такой подход упрощает управление лицензиями и гарантирует единый визуальный стиль во всех проектах.
Если необходимо временно использовать шрифт, который уже установлен на вашем компьютере, но не отображается в Figma, проверьте следующее:
- Font Helper запущен и имеет доступ к системным ресурсам.
- Файл шрифта не повреждён и поддерживает нужные стили.
- В списке шрифтов включён фильтр «All fonts», а не «Recent» или «Favorites».
Для более точного контроля можно воспользоваться списком «Custom fonts» в настройках аккаунта. Здесь можно добавить отдельные файлы, указать их название и категорию, а также удалить устаревшие варианты.
Итоговый набор действий выглядит так:
- Откройте файл и вызовите список шрифтов.
- Для онлайн‑коллекций – нажмите «Add more fonts», выберите нужные из Google Fonts и подтвердите.
- Для локальных файлов – скачайте и запустите Figma Font Helper, затем перезапустите приложение.
- Для командных проектов – загрузите шрифты в раздел «Fonts» организации.
- Проверьте, что выбранный шрифт отображается корректно в тексте, при необходимости переключите стиль или вес.
Следуя этим рекомендациям, любой шрифт окажется в вашем арсенале Figma, и вы сможете использовать его в макетах без ограничений.