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

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

освойте профессию
графический дизайнер с нуля
Содержание
- Шрифты в веб-версии Figma
- Шрифты в десктопном приложении Figma
Шрифты в веб-версии Figma
онлайн-тест на профориентацию
Ответьте на 10 вопросов и узнайте, какая дизайн-специальность вам подходит

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

онлайн-тест на профориентацию
Ответьте на 10 вопросов и узнайте, какая дизайн-специальность вам подходит

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

- Скачайте нужный шрифт на ваш компьютер, откройте файл и нажмите кнопку «Установить».
- Перейдите на официальную страницу загрузки компонентов Figma и найдите столбец Font installers. Это программа, которая поможет связать шрифты на компьютере с вашей браузерной версией Figma. В столбце выберите вашу операционную систему (macOS или Windows).


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

что такое шрифтовые пары и как их подобрать
Как скачать (вырвать) шрифт с дизайна Figma?
Подскажите как в браузерной Figma скачать шрифт
В макете есть текст, но там своебразный шрифт, которого нет в Google Fonts
Мне нужно его как то скачать, это возможно?
Отслеживать
13.8k 12 12 золотых знаков 43 43 серебряных знака 76 76 бронзовых знаков
задан 15 апр 2020 в 16:06
1,298 2 2 золотых знака 9 9 серебряных знаков 21 21 бронзовый знак
@MaximLensky Да, установлен, но не знаю как им пользоваться
15 апр 2020 в 16:12
@MaximLensky сейчас посмотрю, попробую найти где это
15 апр 2020 в 16:16
выделите нужный текст — сбоку справа появится панель
15 апр 2020 в 16:17
@MaximLensky панель вижу, а missing fonts не могу найти
15 апр 2020 в 16:19
вообще этой опции нету в фигме . шрифт должен быть на компе либо в fonts.google.com — если же нету то фигма будет писать что вы хотите редактировать шрифт которого нету
15 апр 2020 в 16:20
0
Сортировка: Сброс на вариант по умолчанию
Знаете кого-то, кто может ответить? Поделитесь ссылкой на этот вопрос по почте, через Твиттер или Facebook.
- шрифты
- figma
Как скачать шрифт из онлайн Figma?

В браузерной фигме Ф12 жмите, и там будет шрифт. Он же отображается в браузере. Значит скачивается на локалхост. Вот и берите оттуда.
Ответ написан более трёх лет назад
Комментировать
Нравится 1 Комментировать

Ищите OCR распознавалки шрифтов, проверьте ещё шрифт на https://www.fontsquirrel.com/matcherator
Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать
Неужели никак нельзя достать из самого макета?
Ведь раз страница как-то рендерится, значит фонт откуда-то берётся. А т.к. файл .fig открывается локально без интернета, то значит шрифт должен быть как-то встроен в макет. Или шрифт был только у дизайнера, а в макет пришли уже буквы из этого шрифта в виде картинки?
Ответ написан более года назад
Комментировать
Нравится Комментировать
Я сделал так
- Заходим в главное меню figma (в браузере)
- Жмем f12 и выбираем вкладку сети
- Открываем нужный проект
- Во вкладке сеть фильтруем по шрифтам
- В списке должны быть все подключенные шрифты
- Двойным щелчком выбираем нужный, он скачается
- Если у шрифта нет расширения то переименовываем его, добавляя в конец .ttf


Ответ написан 03 апр. 2023
Комментировать
Нравится Комментировать
Ваш ответ на вопрос
Войдите, чтобы написать ответ

- Figma
Фигма как включить какое-нибудь расширение если ты в чужом макете?
- 1 подписчик
- вчера
- 25 просмотров
Как установить и добавить новый шрифт в Фигма: пошаговый гид
Хотите использовать в Фигма уникальный шрифт, которого нет в ее библиотеке? Наш пошаговый гид поможет вам это сделать.
Алексей Кодов
Автор статьи

28 сентября 2023 в 10:21
В работе с дизайн-платформой Фигма, одним из ключевых аспектов является правильное использование шрифтов. Но что, если вам нужен особенный шрифт, которого нет в библиотеке Фигма? Это не проблема, ведь можно установить и добавить любой новый шрифт. Эта статья расскажет, как это сделать.
Установка нового шрифта
Перед началом работы с Фигма, следует установить нужный шрифт на ваш компьютер. Вот как это сделать:
- Найдите и скачайте файл шрифта в формате .ttf или .otf. В интернете есть множество сайтов, где можно скачать бесплатные или платные шрифты.
- Перейдите в папку со скачанным файлом и откройте его двойным кликом.
- В открывшемся окне нажмите на кнопку «Установить». ️
Теперь установленный шрифт доступен для использования во всех программах на вашем компьютере, включая Фигма.
Добавление нового шрифта в Фигма
Чтобы добавить новый шрифт в Фигма, следует выполнить следующие шаги:
- Откройте Фигма и выберите проект, в котором планируете использовать новый шрифт.
- В панели инструментов выберите инструмент «Text» (Текст).
- Кликните на рабочую область, чтобы создать текстовый блок.
- В верхней панели управления текстом выберите нужный шрифт из списка.
Таким образом, установленный на компьютере шрифт будет доступен в Фигма. Но стоит помнить, что другие пользователи, которые получат доступ к вашему проекту, не смогут видеть этот шрифт, если он не установлен на их компьютере.
Работа с шрифтами в Фигма
Шрифты в Фигма — это мощный инструмент, который может помочь вам создать уникальный и запоминающийся дизайн. Но помимо выбора правильного шрифта, также важно знать, как правильно его использовать. Если вас интересуют эти темы, рекомендуем пройти курс по дизайну на онлайн-университете Skypro.
- Пошаговый гид: как создать идеальный логотип
- Создание своего бренда: пошаговый план
- Как прописать и разработать свой tone of voice: пошаговый гайд
Помимо этого, на сайте Skypro вы найдете множество других полезных статей и курсов, которые помогут вам освоить все аспекты дизайна, включая работу с шрифтами.
Мы надеемся, что эта статья была полезной и помогла вам разобраться, как установить и добавить новый шрифт в Фигма. Удачной работы!