курс английского для дизайнеров в подарок +1 навык для начинающих путь в дизайне

Как добавить шрифт в Figma

Как добавить шрифт в Figma
4 апреля, 2023
3 мин

В этой статье мы расскажем, как работать со шрифтами в Figma, сколько в ней предустановленных шрифтов и как добавлять новые в десктопное приложение или веб-версию.

Шрифты в веб-версии Figma

В веб-версии по умолчанию установлены шрифты из библиотеки Google Fonts. Это большая база, в которой собрано более 1000 популярных, бесплатных шрифтов на разных языках, поэтому установка новых шрифтов для веб-версии будет не такой актуальной.

Шрифты в библиотеке Google Fonts
Примеры шрифтов в библиотеке Google Fonts

Но иногда такая необходимость может возникнуть, если:

  • заказчик дизайн-проекта использует собственный фирменный шрифт, то есть разработанный специально для его компании.
  • вы нашли подходящий для проекта шрифт на стороннем ресурсе, но в библиотеке Google Fonts его нет.

Вот как установить новый шрифт в веб-версию:

  1. Скачайте нужный шрифт на ваш компьютер, откройте файл и нажмите кнопку «Установить»
Как установить шрифт
  1. Перейдите на официальную страницу загрузки компонентов Figma и найдите столбец Font installers. Это программа, которая поможет связать шрифты на компьютере с вашей браузерной версией Figma. В столбце выберите вашу операционную систему (macOS или Windows).
Страница загрузки компонентов
  1. Скачайте файл InstallFigmaAgent.exe.
  1. Установите программу Figma Agent на компьютер, нажав на кнопку Install. Дождитесь окончания установки.
Скачиваем файл Figma
  1. Теперь нужно убедиться, что локальные шрифты загрузились в веб-версию Figma. Для этого зайдите в ваш аккаунт через браузер, нажав Main menu → Help and account → Account settings. Открывшееся окошко пролистайте до надписи Fonts. Если под ней написано Local fonts are enabled (Локальные шрифты включены). Это значит, что все прошло успешно.
Проверка загрузки шрифта в Figma
  1. Убедитесь, что ранее установленный шрифт работает. Выберите его для оформления любого текста в вашем проекте.
Так выглядит добавленный шрифт

В дальнейшем все шрифты, которые вы будете добавлять на компьютер через кнопку «Установить», будут автоматически подтягиваться в Figma в браузере благодаря программе Figma Agent. Но если вы переустановите операционную систему, все описанные выше операции по добавлению шрифтов придется проделать заново, так как Figma Agent связан с конкретной системой.

Шрифты в десктопном приложении Figma

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

  1. Скачать его на компьютер.
  2. Открыть файл со шрифтом и нажать «Установить» на Windows или «Установить шрифт» на macOS.

Медиа Contented

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Читайте также

Подпишитесь сейчас на нашу рассылку

Мы присылаем отличные материалы и никогда не спамим. Отписаться можно в любой момент