пройдите тест и узнайте,
какая дизайн-профессия подойдет именно вам

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

Как добавить шрифт в Figma
24 января, 2024
4 мин

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

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

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

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

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

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

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

  1. Скачайте нужный шрифт на ваш компьютер, откройте файл и нажмите кнопку «Установить»

    Как установить шрифты от гугл в Figma

  2. Перейдите на официальную страницу загрузки компонентов Figma и найдите столбец Font installers.

    Это программа, которая поможет связать шрифты на компьютере с вашей браузерной версией Figma. В столбце выберите вашу операционную систему (macOS или Windows).

    Страница загрузки компонентов в Figma

  3. Скачайте файл InstallFigmaAgent.exe.

    Кликнув по выбранной операционной системе.

  4. Установите программу Figma Agent на компьютер, нажав на кнопку Install.

    Дождитесь окончания установки.
    Скачиваем файл InstallFigmaAgent.exe

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

    Для этого зайдите в ваш аккаунт через браузер, нажав Main menu → Help and account → Account settings. Открывшееся окошко пролистайте до надписи Fonts. Если под ней написано Local fonts are enabled (Локальные шрифты включены). Это значит, что все прошло успешно.

    Проверка загрузки шрифта в Figma

  6. Убедитесь, что ранее установленный шрифт работает

    Выберите его для оформления любого текста в вашем проекте.

    Так выглядит добавленный шрифт в Figma

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

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

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

То есть для добавления нового шрифта в десктопное приложение Figma нужно:

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

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

Светлана
Светлана
| 01.11.2023

У меня не устанавливается InstallFigmaAgent.exe. Зависает при установке строка загрузки. При этом шрифт так и не отображается в Фигме. Может потому что у меня Windows7? Что делать в этом случае?

Contented Team
Contented Team
| 06.02.2024

Спасибо за вопрос :) Такая проблема, действительно, может быть. Постараемся помочь. 1. Сначала проверьте, точно ли у Вас установлена последняя версия Figma. Если нет, загрузите последнюю версию приложения на официальном сайте Figma. 2. Попробуйте очистить кэш Figma. Вы можете удалить временные файлы и папку кэша, которые связаны с приложением. Не забудьте его перезапустить. 3. Убедитесь, что у Вас установлены все обновления Windows. Если нет, нужно обновить операционную систему. 4. Если Вы пользуетесь сторонними программами, связанными с Figma, убедитесь, что они совместимы с Вашей операционной системой и последней версией Figma. Часто проблемы бывают как раз из-за них. Если ничего не помогло, обратитесь в службу поддержки Figma. Надеемся, что у Вас все получилось :)

David Bystricky
David Bystricky
| 23.04.2024

круть статья все как для чайников 😂 еще раз спасибо !

Ксения
Ксения
| 16.05.2024

Первый раз в жизни пишу комментарий не в инстаграм) но просто не могу не сказать огромное спасибо за подробное объяснение, все получилось

CONTENTED TEAM
CONTENTED TEAM
| 17.05.2024

Спасибо, что читаете нас :) Для нас важно создавать для вас качественный контент :)

Анастасия
Анастасия
| 21.05.2024

Здравствуйте! Подскажите,если шрифт в файле в фигме,как его сохранить? В меню всплывает только копировать,а что дальше?

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

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

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