Баннер онлайн-платформы обучения
Миниатюра 5 вариантов классных шрифтов, а также примеры их использования. Получите авторскую подборку из данной статьи. 50+ бесплатных шаблонов, 40+ уроков, 20+ статей. Переходите и изучайте!

Обновлено:

Лучшие кириллические шрифты в Figma

За несколько лет работы веб-дизайнером, накопилась некоторая коллекция классных кириллических шрифтов, с которыми мы сейчас познакомимся.

Playfair Display

Бесплатный шрифт, который по умолчанию встроен в Фигму. Шрифт с засечками, который подойдет для дорогих ниш.

красивые кириллические шрифты для Figma, пример использования в дизайне сайта пример 1

Gilroy

Платный шрифт. Я его применяю в деловых тематиках: сложные многостраничные сайты, сайты конференций, сайты крупных компаний. Обладает легкой структурой символа, что позволит пользователям не уставать во время чтения.

красивые кириллические шрифты для Figma, пример использования в дизайне сайта пример 2

Gotham Pro

Бесплатный и универсальный шрифт для фигма, который я использую не только в вебе, но и в полиграфии. Его можно назвать «рабочей лошадкой», которая будет хорошо смотреться в большинстве композиций.

красивые кириллические шрифты для Figma, пример использования в дизайне сайта пример 3

Stolzl

Платный, легкий шрифт. Подходит для молодежных тематик, а также для композиций, использующих много воздуха.

красивые кириллические шрифты для Figma, пример использования в дизайне сайта пример 4

P22Underground

Тоже очень легкий шрифт, но один из самых строгих в категории «Без засечек». Его классно использовать в «дизайнерских» макетах, если композиция хаотичная. Это дает классный контраст в макете.

красивые кириллические шрифты для Figma, пример использования в дизайне сайта пример 5

Это были основные шрифты, которыми я (автор d-e-n.info) пользуюсь часто. Передо мной не стояла задача просто показать вам список шрифтов. Важно понимать: какие эмоции вы хотите передать с помощью текста, а затем уже проблематика выбора уходит, так как у вас есть мой вариант, на который можно ориентироваться; после этого просто находите похожие шрифты, или выбираете мой вариант.

Для того чтобы установить шрифт в Figma – я крайне рекомендую скачать десктопную версию, установить шрифт в систему и затем Фигма сама его загрузит к себе.

Не рекомендую использовать онлайн версию, но если вы хотите установить шрифт в браузерную версию Figma, то вам нужно скачать и установить Figma Font Helper.

Хотите изучить все инструменты в Figma, а также освоить процесс разработки дизайн-макетов? Приходите на вводный курс по UX/UI дизайну. Вы изучите начальный дизайн-процесс: работа в Figma, анализ информации, визуальная концепция, прототипирование и т.д. Ссылка на сайт курса.