Как сделать жирным текст в фигме

Как сделать жирным текст в Фигме — задача, которая кажется тривиальной, но на практике часто вызывает путаницу даже у опытных дизайнеров. Многие пытаются выделить текст жирным через клавиатурные сочетания, как в текстовых редакторах, или ищут отдельную кнопку «Жирный» в панели инструментов — и теряются. На самом деле, в Фигме всё устроено иначе: жирность текста регулируется не отдельным стилем, а выбором конкретного начертания шрифта из доступного набора. Это ключевое отличие от привычных инструментов, и понимание этого принципа — первый шаг к уверенной работе с типографикой в дизайне.

Как сделать жирным текст в Фигме: основные шаги

Первое, что нужно понять: в Фигме нет отдельной кнопки «Жирный», как в Word или Google Docs. Вместо этого жирность текста — это свойство самого шрифта. Каждый шрифт, особенно системные и популярные кастомные (например, Inter, Roboto, SF Pro), поставляется в нескольких вариантах: Regular, Medium, Bold, Black и т.д. Чтобы сделать текст жирным, нужно выбрать именно тот вариант, который содержит в названии слово «Bold».

Начните с выбора текстового слоя на холсте. Затем перейдите в панель свойств справа. В разделе «Text» вы увидите два основных поля: «Font Family» и «Font Weight». В первом — название шрифта, во втором — его начертание. Если вы выбрали шрифт, например, «Inter», то во втором поле появится выпадающий список с вариантами: «Regular», «Medium», «SemiBold», «Bold», «ExtraBold». Выберите «Bold» — и текст мгновенно станет жирным.

Представьте, что вы работаете с дизайном мобильного приложения. Заголовок экрана должен выделяться. Если вы просто выделили текст и нажали Ctrl+B — ничего не произойдёт. Но если вы вручную выбрали «Inter Bold» — результат будет точным, предсказуемым и совместимым со всей системой.

Что такое начертание шрифта и почему это важно

Начертание (font weight) — это не просто «жирность», а технически реализованная серия глифов, созданных типографом для конкретного шрифта. Каждый вес — это отдельный файл шрифта, оптимизированный для читаемости на разных размерах и разрешениях. Например, Regular — это 400, Bold — 700, ExtraBold — 800. Эти цифры соответствуют стандарту CSS, что делает Фигме идеальным мостом между дизайном и разработкой.

Когда вы выбираете «Bold» в Фигме, вы не «добавляете» жирность — вы переключаетесь на другой файл шрифта, который уже содержит более толстые линии букв. Это гарантирует, что текст будет выглядеть одинаково на всех устройствах, в браузере и в мобильном приложении. В отличие от «навязанного» жирного эффекта в других программах, где буквы просто растягиваются и теряют пропорции, в Фигме всё сохраняет типографскую точность.

Это особенно критично для UI-дизайна. Неправильно выбранный вес может сделать текст «мутным» на экранах с низким DPI, нарушить визуальную иерархию или вызвать проблемы с доступностью для пользователей с нарушениями зрения.

Шрифты, которые не поддерживают жирный вариант

Не все шрифты имеют полный набор начертаний. Это частая причина, почему дизайнеры не могут найти нужный жирный вариант — потому что он просто не существует в выбранном шрифте.

Например, если вы выбрали «Arial» — в Фигме он появляется как «Arial Regular». Но если вы попытаетесь выбрать «Bold» — вы увидите только «Arial Regular» в списке. Почему? Потому что в облаке Фигмы загружен только базовый файл Arial, без Bold. Это не ошибка — это ограничение. Arial в веб-версии часто не поставляется с жирными вариантами по лицензии.

То же самое касается некоторых бесплатных шрифтов из Google Fonts, которые загружены в Фигму через плагины. Некоторые из них имеют только Regular и Italic — и никаких Bold. В таких случаях единственный выход — заменить шрифт на полнофункциональный аналог.

Вот таблица популярных шрифтов и их поддержки жирных начертаний:

Если вы видите, что в списке начертаний нет «Bold» — не пытайтесь «подделать» его. Лучше замените шрифт. Это сэкономит вам часы на исправлении ошибок в разработке.

Как использовать стили текста для единого внешнего вида

Работая над проектом с несколькими страницами или в команде, ручной выбор начертания каждого текстового слоя — это путь к хаосу. Одни заголовки будут «Bold», другие — «SemiBold», третьи — просто «Regular» с визуально «надавленным» эффектом. Результат: несогласованность, потеря иерархии, проблемы с разработкой.

Решение — стили текста (Text Styles). Это систематизированный способ хранить и применять форматирование. Создайте стиль: выделите текст с нужным шрифтом и начертанием (например, Inter Bold 20px), затем нажмите кнопку «Create text style» в панели свойств. Присвойте ему понятное имя: «Heading 1 Bold».

Теперь любой текстовый слой можно быстро оформить в этот стиль — просто выберите его в выпадающем меню «Text Style». Если позже вы решите заменить «Bold» на «ExtraBold» — измените один стиль, и все экземпляры обновятся автоматически. Это экономит время и гарантирует, что ваш дизайн будет единообразным.

Частые ошибки и как их избежать

Даже опытные дизайнеры допускают типичные ошибки при работе с жирным текстом в Фигме. Вот самые распространённые:

• Использование Ctrl+B — не работает. Фигма не поддерживает горячие клавиши для жирности, как в текстовых редакторах.
• Выбор «Regular» и ручное увеличение веса — некоторые пытаются «поднять» жирность через эффекты или тени, что приводит к размытости и несоответствию с макетами разработчиков.
• Игнорирование доступности — слишком толстый шрифт (Black, 900) на мелком размере (12–14px) снижает читаемость. Даже если выглядит «мощно», он может быть неудобен для пользователей.
• Несогласованность между стилями — если один заголовок оформлен через стиль, а другой — вручную, изменения в одном не повлияют на другой.
• Загрузка неполных шрифтов — через плагин Google Fonts вы можете загрузить только «Light» и «Italic», забыв про «Bold». Проверяйте, какие веса доступны в настройках плагина.

Чтобы избежать этих ошибок, всегда проверяйте: 1) какой шрифт выбран; 2) есть ли в списке нужный вес; 3) применяется ли стиль, а не ручное форматирование. Регулярно проводите аудит стилей в проекте — это занимает 5 минут, но предотвращает десятки часов переработки.

Как установить жирный шрифт по умолчанию

Хотите, чтобы каждый новый текстовый слой сразу создавался с жирным начертанием? Это возможно. В Фигме можно задать шрифт и начертание по умолчанию для всех новых текстовых слоёв.

Для этого: создайте текстовый слой, настройте его так, как хотите — например, Inter Bold 16px. Убедитесь, что в панели свойств выбраны именно нужные параметры. Затем, не выделяя слой, найдите в верхней панели инструментов кнопку «T» (текст). Наведите на неё — всплывёт подсказка: «Set as default». Нажмите.

Теперь каждый раз, когда вы кликаете на холсте для создания нового текста — он будет автоматически иметь ваш заданный шрифт и вес. Это особенно полезно, если вы работаете с бренд-гайдом, где заголовки всегда жирные, а подзаголовки — полужирные.

Как жирный текст влияет на доступность и удобство чтения

Жирный текст — это не просто стиль. Это инструмент доступности. Согласно рекомендациям WCAG 2.1, текст должен иметь достаточный контраст и читаемость. Жирные начертания (700–800) улучшают восприятие на маленьких экранах, при слабом освещении и для пользователей с дислексией.

Однако важно не переборщить. Жирный текст на размере меньше 14px может «залипать» — буквы сливаются, и читаемость падает. Для основного текста лучше использовать SemiBold (600), а для заголовков — Bold (700) или ExtraBold (800).

Также помните: жирность должна быть частью иерархии. Не делайте жирным всё подряд. Если каждый элемент выделен — ничего не выделяется. Используйте жирный текст для ключевых элементов: заголовки, кнопки, призывы к действию, важные уведомления.

Проверяйте контрастность с помощью встроенного инструмента в Фигме: выделите текст, нажмите на иконку «Contrast» в панели свойств — и вы увидите, соответствует ли цвет и жирность стандартам доступности.

Заключение

Сделать текст жирным в Фигме — это не вопрос «как нажать кнопку», а вопрос понимания типографики как системы. Жирность — это не эффект, а выбор правильного начертания из набора, созданного типографом. Это гарантирует чёткость, согласованность и соответствие требованиям разработки.

Работая с Фигмой, всегда проверяйте: шрифт поддерживает ли нужный вес? Используете ли вы стили текста? Соответствует ли жирность принципам доступности? Ответы на эти вопросы сделают ваш дизайн профессиональным, масштабируемым и готовым к реализации.

• Жирность текста в Фигме достигается выбором начертания шрифта (например, Bold), а не горячими клавишами.
• Не все шрифты поддерживают жирные варианты — проверяйте доступные веса в панели свойств.
• Используйте Text Styles для единообразия в проектах и быстрого обновления всех экземпляров.
• Жирный текст должен применяться стратегически — для заголовков и ключевых элементов, а не для всего текста.
• Установка шрифта по умолчанию экономит время и упрощает работу с большими макетами.