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

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

Как добавить шрифт в Figma
29 октября, 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

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

Анна
Анна
| 10.06.2024

Что делать если я установила Install Figma Agent и когда я нажимаю на него он пишет что все прошло хорошо и могу скачивать локальные шрифты, но при этом, когда я захожу в фигму, в настройки аккаунта в разделе Fonts написано: “local fonts are currently not enabled”, а в низу опять кнопка чтобы загрузить Installer? Я переустанавливала Installer несколько раз и каждый раз одно и тоже.

CONTENTED TEAM
CONTENTED TEAM
| 18.06.2024

Анастасия, сначала разархивируйте загруженный шрифт в директорию и двойным нажатием на тачпаде откройте файл шрифта в окне просмотра. В окне выберите «Установить» («Install»). Когда установка завершится, шрифт будет в окне приложения «Шрифты» («Font Book»).

CONTENTED TEAM
CONTENTED TEAM
| 19.06.2024

Анна, если работаете в браузерном варианте Figma, используйте утилиту Figma Font Installer, чтобы подтянуть все шрифты, которые установлены на компьютере. Запустите утилиту — она автоматически подтянет шрифты, потом нажмите ОК. Но лучше установите десктопное приложение Figma — оно автоматически подтягивает все установленные шрифты в приложение без дополнительных утилит.

Валерия
Валерия
| 29.08.2024

не синхронизируются установленные шрифты на MAC с Figma в веб-версии. установила Install Figma Agent, по итогу установки высветился текст "Установлен агент Figma. Теперь вы можете использовать свои локальные шрифты в вашем браузере (вам нужно будет обновить уже открытые вкладки)". обновляла вкладки, заходила в личный кабинет, в разделе "Font" также предлагается установить Install Figma Agent. подскажите, что делать в данной ситуации? к сожалению, десктопное приложение установить не могу(

CONTENTED TEAM
CONTENTED TEAM
| 31.10.2024

Здравствуйте! Похоже, что агент Figma может не работать должным образом на вашем устройстве. Вот несколько рекомендаций: Перезагрузите компьютер. Иногда после установки Figma Agent требуется полная перезагрузка системы. Проверьте разрешения для Figma Agent. Убедитесь, что приложению разрешено работать с шрифтами, установленными на вашем Mac. Иногда MacOS блокирует доступ к шрифтам для внешних программ. Переустановите Figma Agent. Попробуйте удалить текущий Figma Agent и переустановить его, чтобы удостовериться, что все компоненты установлены правильно. Проверка обновлений MacOS. Иногда проблемы могут быть вызваны системными обновлениями. Убедитесь, что у вас стоит последняя версия MacOS. Служба поддержки Figma. Если проблема сохраняется, Figma Support сможет предоставить дополнительные инструкции. Надеемся, это поможет!

Владимир
Владимир
| 29.08.2024

СДЕЛАЛ ВСЕ ПО ПОРЯДКУ. Надпись правильная. Но шрифт не отображается в разделе шрифтов. Его там нет. Как буд-то и не устанавливал. Что в таком случае делать? Такое и в десктопной и в веб версии

CONTENTED TEAM
CONTENTED TEAM
| 31.10.2024

Здравствуйте! Если шрифт установлен, но не отображается в Figma, попробуйте следующие шаги: Перезапустите Figma. Перезапуск приложения может обновить список шрифтов и помочь обнаружить только что установленные. Убедитесь, что шрифт доступен на устройстве. Проверьте, установлен ли шрифт в системных настройках, и перезагрузите компьютер, чтобы изменения отобразились. Проверьте совместимость шрифта. Иногда шрифты могут не поддерживаться из-за форматов или настроек доступа. Убедитесь, что это стандартные форматы (например, .ttf или .otf). Проверка шрифтового сервиса Figma. Убедитесь, что Figma Desktop Fonts Helper включён для корректного отображения локальных шрифтов в веб-версии. Если после этого проблема не решается, возможно, стоит обратиться в поддержку Figma, чтобы они проверили совместимость шрифта.

valeri
valeri
| 30.08.2024

здравствуйте! я все сделала по инструкции, у меня все скачалось, в аккаунте фигмы написано, что скачивание шрифтов работает, но когда я скачала шрифт, он не открывается, то есть его нет в библеотеке шрифтов, что в таком случае делать?

CONTENTED TEAM
CONTENTED TEAM
| 31.10.2024

Здравствуйте! Попробуйте выполнить следующие шаги, чтобы решить проблему: Убедитесь, что шрифт установлен корректно. На Windows шрифт нужно установить через Параметры > Персонализация > Шрифты, а на Mac просто перетащить файл шрифта в приложение «Каталог шрифтов». После установки перезагрузите браузер и приложение Figma — это часто помогает системе обнаружить недавно установленные шрифты. Проверьте, что шрифт совместим с вашим устройством. Иногда шрифты не отображаются из-за форматов или ограничений. Если проблема сохраняется, обратитесь в поддержку Figma или проверьте совместимость шрифта в документации. Надеемся, это поможет!

Андрей
Андрей
| 25.10.2024

я загружаю новые шрифты через FontBase, мало того что в Figma они отображаются не как семейство, а каждое начертание (bold, regular, italic) как отдельный шрифт, так еще и из 12, например, он видит только половину, при чём рандомно - один болд, другой италик итд, не знаете как это можно исправить?

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

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

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