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

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

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

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

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

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

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

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

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

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

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

   

2. В разделе Fonts нажимаем на кнопку "Download installer"

   

3. Загружаем и устанавливаем программу (во время установки ничего менять не надо)

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

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

   

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