Миниатюра Можно ли добавить свой шрифт в Figma. Как делать декоративные и векторные форматы шрифтов. Узнайте всю эту информацию из данной статьи.

Обновлено: 07 октября 2022 года

Работа со шрифтами в Figma

Какие шрифты Figma применяет в работе? Как установить новый шрифт?

Если вы используете веб-версию программы Figma, то у вас будут доступны шрифты, которые по умолчанию синхронизированы с Google Fonts (https://fonts.google.com/).

Figma в Google Fonts

Все начертания, а также поддержка или не поддерживание кириллицы - абсолютно все параметра соответствуют Google Fonts. Единственное разработчики добавили иконочный шрифт Font Awesome (https://fontawesome.com/), чтобы можно было просто рисовать простые иконки.

Работа с Font Awesome в Figma

Для того, чтобы добавить шрифт в фигму вам нужно установить десктопную версию программы. Есть возможность установить шрифты в браузерную версию (Через Figma font Helper), но я это не рекомендую делать, так как браузер будет очень сильно дополнительно нагружать систему за счет своего движка.

Как добавить шрифт в Figma? Как загрузить шрифт в Фигму?

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

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

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

Ошибка в шрифтах Figma

Как добавить шрифт в Фигму, если вы используете браузерную версию программы?

Также данную информацию ищут по запросу "как установить шрифт в фигму". Сейчас постараюсь наглядно показать как это сделать.

  1. Открываем настройки программы (Пункт меню Settings)

    Открытые настройки Figma
  2. В разделе Fonts нажимаем на кнопку "Download installer"

    Открытые настройки Figma, кнопка Download Installer
  3. Загружаем и устанавливаем программу (во время установки ничего менять не надо)

  4. Теперь наши шрифты в системе и в Figma синхронизированы

  5. Для того чтобы добавить шрифт в Figma - переходим на любой сайт со шрифтами (например WebFontsPro) и просто устанавливаем себе в систему

    Пример сайта со шрифтами для Figma
  6. После установки шрифта - перезапустите браузерную версию Figma. Готово!

Интенсив по веб-дизайну от сайта d-e-n.info