лучшие шрифты в фигме русские по названию
Просмотр шрифтов в фигме. Обзор плагина «Better font picker».
В этом выпуске вы узнаете о плагине, который позволяет делать просмотр шрифтов в фигме.
Просмотр шрифтов в Figma. Стандартный режим.
При просмотре и выборе шрифтов в стандартном режиме Figma не отображает вид шрифтов. Т.е. нельзя посмотреть как выглядит шрифт, будет только его название. Если вы хотите при подборе шрифтов видеть как он выглядит, то вам придёт на помощью плагин под названием «Better Font Picker».
Установка плагина «Better Font Picker» для просмотра шрифтов в фигме.
Устанавливаем плагин «Better Font Picker», который позволяет делать просмотр шрифтов в фигме. Для этого перейдите по ссылке и нажмите на кнопку для установки сверху.
Активация плагина «Better Font Picker» в Figma.
Чтобы активировать плагин для просмотра шрифтов «Better font Picker» в Figma нажмите на меню в верхнем левом углу. Затем наведите курсор на вкладку «Plagins» и выберите его из списка ваших плагинов.
Теперь вы можете просматривать установленные шрифты в фигме. Это удобно, когда вы хотите подобрать какой-то интересный шрифт для вашего проекта.
Если вы интересуетесь темой шрифтов, то вам могут быть интересны эти материалы и видео уроки:
Заключение
Итак, вы этом видео и статье вы узнали как делать просмотр шрифтов в Figma с помощью специального плагина. Теперь вам будет более удобно искать подходящие вам шрифты для проектов.
Лучшие кириллические шрифты в Figma
За несколько лет работы веб-дизайнером, накопилась некоторая коллекция классных кириллических шрифтов, с которыми мы сейчас познакомимся.
Playfair Display
Бесплатный шрифт, который по умолчанию встроен в Фигму. Шрифт с засечками, который подойдет для дорогих ниш.
Gilroy
Платный шрифт. Я его применяю в деловых тематиках: сложные многостраничные сайты, сайты конференций, сайты крупных компаний. Обладает легкой структурой символа, что позволит пользователям не уставать во время чтения.
Gotham Pro
Бесплатный и универсальный шрифт, который я использую не только в вебе, но и в полиграфии. Его можно назвать «рабочей лошадкой», которая будет хорошо смотреться в большинстве композиций.
Stolzl
Платный, легкий шрифт. Подходит для молодежных тематик, а также для композиций, использующих много воздуха.
P22Underground
Тоже очень легкий шрифт, но один из самых строгих в категории «Без засечек». Его классно использовать в «дизайнерских» макетах, если композиция хаотичная. Это дает классный контраст в макете.
Это были основные шрифты, которыми я (автор figma.info) пользуюсь часто. Передо мной не стояла задача просто показать вам список шрифтов. Важно понимать: какие эмоции вы хотите передать с помощью текста, а затем уже проблематика выбора уходит, так как у вас есть мой вариант, на который можно ориентироваться; после этого просто находите похожие шрифты, или выбираете мой вариант.
Для того чтобы установить шрифт в Figma – я крайне рекомендую скачать десктопную версию, установить шрифт в систему и затем Фигма сама его загрузит к себе.
Не рекомендую использовать онлайн версию, но если вы хотите установить шрифт в браузерную версию Figma, то вам нужно скачать и установить Figma Font Helper.
5 полезных плагинов для Figma: работа с текстом и шрифтами
Как расположить текст вокруг фигуры, подобрать шрифтовые пары и быстро настроить стили шрифтов на макете.
В Figma есть много инструментов для работы с текстами, но некоторые задачи невозможно решить её стандартными инструментами. В этом случае вам помогут плагины, которые расширяют и упрощают функционал графического редактора.
Рассказываем, какие плагины для Figma помогут вам работать с текстом и шрифтами.
To Path
Плагин располагает выделенный текст на кривой или по краю любой стандартной фигуры:
Плагин разделит каждое слово на отдельные слои с буквами и разместит их по контуру фигуры или кривой:
Копирайтер, визуализатор, модель. Пишет статьи, стилизует съемки и участвует в них, изучает арт-критику в СПбГУ.
Better Font Picker
В Figma не очень удобно выбирать шрифты, так как они не отображаются на макете сразу. С помощью плагина Better Font Picker вы сможете в отдельном окне посмотреть, как выглядит каждый шрифт, и быстрее принять решение — использовать его или нет:
Soroka
Чтобы не тратить время на подбор шрифтовых пар вручную, воспользуйтесь плагином Soroka. У него есть большая база из сочетаний бесплатных шрифтов Google Fonts, которые можно использовать в вашем макете:
Первый выбранный шрифт будет использоваться в заголовках, а дополнительный — в основном тексте:
Fontiger
Разработчики не любят, когда в макете остаются дробные значения кегля. Они отображаются не в каждом браузере, а доставать дизайнера вопросами о каких-то незначительных пикселях долго. Чтобы проект из-за этого не тормозил, перед передачей макета в разработку воспользуйтесь плагином Fontiger — он автоматически округляет дробное значение кегля до ближайшего целого:
Плагин учитывает текстовые модули только внутри фреймов. Если текст не стоит внутри фрейма, его кегль не изменится.
Font Master
В Figma очень удобно следить за используемыми цветами — достаточно выделить все объекты на макете и посмотреть на панель справа. Но кегль, интерлиньяж, кернинг и шрифты таким образом не отображаются. Плагин Font Master решает эту проблему — он показывает все используемые настройки текста на макете и при необходимости создаёт из них полноценный стиль.
Плагин покажет все сочетания шрифтов и кеглей и где они были использованы. Из любого сочетания можно сделать полноценный стиль:
обложка: Катя Павловская для Skillbox Media
Как добавить шрифт в фигму (Figma) за 2 минуты. Видео инструкция.
В этой статье и видео уроке вы узнаете, как добавить шрифт в фигму (Figma) буквально за пару минут. Это быстрая, пошаговая инструкция.
Если вы задаётесь вопросами как установить, загрузить, скачать и добавить новые шрифты в фигму, то посмотрите видео выше или воспользуйтесь текстовым руководством внизу.
Как установить шрифт в фигму в браузере
Сперва отмечу, что если вы установите десктопную версию программы Figma, то у вас будут отображаться все установленные шрифты, которые есть на вашем компьютере.
Если вы привыкли работать в браузере и хотите, чтобы шрифты, которые установлены у вас на компьютере отображались в браузерной версии программы, то вам необходимо установить специальное расширение «Font installer».
Инструкция по установке Font Installer
Как добавить шрифт в фигму
Чтобы добавить новый шрифт в фигму, скачайте файл шрифта в формате «Otf». Например возьмем шрифт gilroy. Кликните на файл шрифта 2 раза и нажмите на кнопку установить. После этого можно перезагрузить фигму и этот шрифт появиться в вашей программе.
Какие шрифты лучше устанавливать в фигму?
Если вы задаетесь вопросом, «Какой бы лучше шрифт подобрать и установить в фигму, чтобы он был максимально необычным, креативным и красивым», то отбросьте эту идею.
Помните, что главное правило типографики — это достижение максимальной удобочитаемости. Удобочитаемость — это скорость распознавания отдельных знаков и текста в целом. Если шрифт сложно разобрать и скорость чтения будет падать, то это плохой шрифт. Используйте максимально простые шрифты, которые уже есть в фигме.
Не забывайте зачем нужен текст. Для того, чтобы его читать. Он не должен быть элементом украшательства и нести в себе какой-то смысл. Не нужно перегружать этим людей. Люди хотят получать информацию с помощью текста и это должно стоять на первом месте.
Шрифты, которые я рекомендую использовать в Figma:
Заключение
Сегодня вы узнали больше о программе и разобрались, как добавить шрифт в фигму. Смотрите больше материалов на нашем сайте. Если есть вопросы, то обязательно пишите их ниже в комментариях.
Font types
Picking the right font can be crucial for the success of a design project, but how do you make the right choice? Learn how typeface classes shape personality, determine legibility, and achieve impact on a project or brand below.
While serif fonts are identified by a small stroke decorating the end of a longer stroke, sans serif fonts lack that extra ornamental stroke.
In typography, certain fonts will have a small line or stroke attached to the end of a larger stroke: these fonts are called serif fonts.
Monospace fonts invoke a retro, tech-oriented vibe: their design style is ideally suited for something like a vintage video game website.
In typography, certain fonts will have a blunt and angular or rounded line at the end of a larger stroke: these are called slab serif fonts.
Script fonts are based on handwriting, and as such they have more variation and fluidity than typeset fonts. They can be casual or formal.
Older generations bemoan younger people not knowing how to write in cursive, but elegant and calligraphic handwriting fonts fill that gap.