при оплате абонемента в течение 24 часов после записи на курс
Дарим занятия!

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

14.11.2025 10 минут
Как работать в Фигме (Figma)
В Figma есть сотни бесплатных шрифтов из библиотеки Google Fonts. Все они готовы к работе. Вы можете подключать другие варианты, скачанные с проверенных сайтов. Они подойдут для школьных проектов, презентаций, творчества. В статье эксперт онлайн-школы Hello World Марина Соныгина расскажет, как их установить, где скачать.
Марина Соныгина — преподаватель дизайна с более чем 7-летним стажем. Закончила Тольяттинский Государственный университет в 2019 году, получила красный диплом на кафедре «Живопись» Института изобразительных и декоративно-прикладных искусств.

Как работать со шрифтами в Фигме

Со шрифтами в Figma легко работать — в программе удобный интерфейс. Панель управления интуитивно понятна. Новичок разберется с обозначениями. Мы уже писали, как работать в Фигме, почитайте наш гайд, чтобы полностью освоиться в редакторе! Выбрать размер, стиль и расположение текста будет легко. Дизайнер Марина Соныгина подготовила для вас понятную инструкцию. Попробуйте следовать по ней, чтобы процесс шёл быстро и просто:
1. Зайдите на официальный сайт Figma.
Как добавить шрифт в Figma - 2
2. Сначала зарегистрируйтесь, если у вас ещё нет аккаунта. Нажмите Get started for free (правый верхний угол). Выберите удобный вариант: через Google Почту или другой почтовый ящик.
Как добавить шрифт в Figma - 3
Введите ваш актуальный email, если нет аккаунта Google. Затем нажмите Continue with email.
3. Появилось дополнительное окно Password. Здесь нужно придумать пароль. По завершении ввода кликаем Create account.
Как добавить шрифт в Figma - 4
4. Проверьте почту. Вам придёт сообщение, где нужно перейти по ссылке, чтобы подтвердить данные и завершить регистрацию.
Как добавить шрифт в Figma - 5
Как добавить шрифт в Figma - 5
5. После подтверждения почты, у вас откроется начальная страница. Введите своё имя, выберите как будете использовать Figma, где учитесь.
Как добавить шрифт в Figma - 7
Некоторые пункты можно пропустить, нажав кнопку Skip.
Как добавить шрифт в Figma - 8
6. Программа предложит выбрать варианты тарифов: Starter, Professional, Organisation. Выбираем Starter. Он бесплатный, но есть ограничения. Вы можете создать только три проекта за раз.
Как добавить шрифт в Figma - 9
Регистрация завершена, путь к творчеству открыт!
Давайте перейдем к работе с текстом.
1. Создайте новый проект, кликнув кнопки Create → Design (правый верхний угол), или откройте готовый.
Как добавить шрифт в Figma - 10
2. Внизу на панели нажмите иконку «Т» (либо английская клавиша Т).
Как добавить шрифт в Figma - 11
3. На холсте выберите место, где вы будете писать свой текст. Кликните на него — появится специальное поле.
Как добавить шрифт в Figma - 12
4. Справа появится панель с настройками для вашего проекта. Найдите раздел Typography. Первый выпадающий список — шрифты. Ниже можете выбирать толщину, курсив, размер текста.
Как добавить шрифт в Figma - 13
По умолчанию в Фигме вы видите предложения из бесплатной библиотеки Google Fonts. Для творческих заданий вы можете добавить свои шрифты. Рассказываем, как это сделать!
Ваш ребёнок создаст уникальное портфолио графического дизайнера вместе с Hello World!

Где найти шрифты

Дополнительные стили текста можно взять свободно из онлайн-библиотек. Их не нужно покупать — достаточно скачать и установить на компьютер. Эксперт Hello World подготовил для вас подборку проверенных ресурсов, где можно найти шрифты для любого проекта.
1. DaFont
Бесплатный сайт с тысячами шрифтов. На нём можно найти разные начертания — от классических до креативных. Коллекция постоянно пополняется. Понравившийся вариант можно скачать одним кликом без регистрации.
Как добавить шрифт в Figma - 14
2. FontSpace
Ресурс для поиска необычных начертаний. Вы можете найти рукописные, детские, оригинальные коллекции для кириллицы. Здесь есть много тематических подборок от авторов и редакции сайта. В строке над списком наберите свой текст и посмотрите, как он будет выглядеть.
Как добавить шрифт в Figma - 15
Как добавить шрифт в Figma - 16
3. 1001 Free Fonts
Один из старейших сайтов, где размещено более 12 000 вариантов. Категории на главной странице помогут выбрать подходящие варианты для вашего проекта. Перейдите в карточку понравившегося варианта, посмотрите как выглядят буквы и цифры. Скачайте его, не переходя на другие вкладки — нажмите Download напротив превью.
Как добавить шрифт в Figma - 17
4. FontGet
Сайт выглядит минималистично. В коллекциях вы найдете много уникальных дизайнов. Интересная особенность ресурса — Font Generator. Он помогает скопировать нужные эмоджи или текстовые смайлы.
Как добавить шрифт в Figma - 18
Как добавить шрифт в Figma - 19
5. Fonts Online
Бесплатные подборки на любой вкус: классические, детские, оригинальные авторские работы. На боковой панели вы можете выбрать категории, поддержку алфавита, тематические коллекции. Можно отфильтровать по языку, чтобы подобрать подходящий стиль текста. На странице выбранного начертания есть информация о поддерживаемых языках, лицензии и размере файла.
Как добавить шрифт в Figma - 20
Перед использованием любого стиля не забудьте проверить лицензию! Иначе можно нарушить авторские права. Для домашних заданий, школьных, личных проектов подойдёт любой файл с пометкой «Free for personal use».
Ваш ребёнок создаст уникальное портфолио графического дизайнера вместе с Hello World!

Установка нового шрифта веб-версии Figma

В стандартном каталоге не всегда есть нужный шрифт, подходящий к дизайну проекта. Оригинальные или тематические коллекции можно найти в интернете. Наша подборка проверенных ресурсов вам поможет! Марина Соныгина подготовила понятную пошаговую инструкцию. Всё расписано просто, без технических сложностей. Вы справитесь с задачей за пару минут!
1. Перейдите на сайт FontSpace. Выберите понравившийся стиль — например, Coffee healing. Обратите внимание на отметку Personal Use Free. Этот шрифт можно использовать для личных проектах.
Как добавить шрифт в Figma - 21
2. Загрузите файл, нажав иконку облака. На многих сайтах будет кнопка Download. Браузер предложит путь сохранения. По умолчанию — папка Загрузки.
Как добавить шрифт в Figma - 22
Как добавить шрифт в Figma - 23
3. Распакуйте архив с форматом .zip. Кликните по файлу правой кнопкой мыши. Выберите «Извлечь все…». Сохраните по умолчанию в Загрузки или выберите нужную папку.
Как добавить шрифт в Figma - 24
4. Откройте распакованную папку. Вы увидите файл с расширением .ttf или .otf. Кликните по нему два раза. Откроется окно, нажмите «Установить».
Как добавить шрифт в Figma - 25
Если у вас MacOS, кликните дважды по файлу. Откроется «Просмотр шрифтов». Нажмите «Установить» (правый нижний угол).
Как добавить шрифт в Figma - 26
5. Перейдите на сайт Figma. Обновите страницу в браузере. Установленный файл должен появится в общем списке. Он будет отмечен иконкой New. Если способ не помог — закройте вкладку с программой. Откройте её снова, проверьте каталог Figma Fonts.
Как добавить шрифт в Figma - 27
Добавить новые шрифты в Фигме несложно. Вы установите его быстро, даже если раньше этого не делали. Сохраняйте инструкцию в закладки, чтобы не потерять!
Записать ребёнка на курс дизайна

Как добавить шрифт в десктопном приложении Figma

Figma, установленная как приложение, использует стандартный каталог. Он есть на компьютере каждого пользователя. Любой новый шрифт нужно добавлять самим. Инструкция по установке для десктопной и веб-версии Figma одинакова. Шрифты добавляются в систему компьютера. Закрепим информацию на примере 1001freefonts.
1. Выберите подходящее начертание текста для вашего проекта. Убедитесь, что есть отметка For Personal Use. Скачайте, кликнув кнопку Download.
Как добавить шрифт в Figma - 28
2. В появившемся окне выбираете путь сохранения. Вы можете создать удобную вам папку, или выбрать по умолчанию Загрузки.
Как добавить шрифт в Figma - 29
3. Распакуйте архив в папку. Вы увидите файл с форматами .ttf или .otf. Откройте его и нажмите кнопку «Установить».
Как добавить шрифт в Figma - 30
На MacOS дважды кликните по файлу. Откроется окно, нажмите кнопку «Установить».
Как добавить шрифт в Figma - 31
4. Закройте приложение Figma полностью и откройте снова, чтобы программа увидела файл. Откройте каталог, выбранный шрифт установлен. Он помечен надписью New.
Как добавить шрифт в Figma - 32

Заключение

Мы показали простые способы, как установить новые шрифты в Фигме. Школьник легко справится с задачей, следуя нашей инструкции. В Hello World School мы помогаем детям учиться с интересом, а родителям — быть рядом на этом пути.
Запишите ребёнка на первый урок
Вы получите полноценное занятие с преподавателем — ребёнок создаст первый проект и усвоит практические знания
FAQ
Как вам статья?
Автор
  • Хоменко Алексей
    Руководитель образовательного направления «Дизайн» в онлайн-школе Hello World. Закончил Волжский институт строительства и технологий по специальности «Инженер строительно-дорожных машин». Проходил переобучение на маркетолога в Я. Практикуме, более 7 лет самостоятельно обучался дизайну в Figma.
Похожие статьи