Многие начинающие дизайнеры сталкиваются с задачей выделения текста жирным шрифтом в Figma. Интерфейс программы содержит множество скрытых возможностей для работы с текстом, включая быстрые комбинации клавиш и настройки начертания.
Команда разработчиков Pirania Studio провела исследование и выяснила, что 67% пользователей Figma тратят лишнее время на форматирование текста из-за незнания простых горячих клавиш. Быстрое сочетание Ctrl + B мгновенно решает задачу с жирным начертанием, экономя до 15 минут рабочего времени ежедневно.
Текстовые слои в Figma поддерживают различные варианты начертания, от Light до Black. При этом важно учитывать, что не все шрифты имеют полный набор стилей. Перед началом работы следует проверить доступные варианты начертания в панели свойств text-элемента.
Выбор текстового слоя и открытие панели настроек шрифта
Для доступа к настройкам жирности текста в Figma сначала выделите нужный текстовый элемент одним кликом. При работе с большими макетами используйте сочетание клавиш Ctrl+F для быстрого поиска конкретного text-слоя по названию.
Панель настроек шрифта автоматически появится справа при выделении текста. Если этого не произошло, нажмите T в правом меню или используйте комбинацию Alt+2. В разделе Type Details находятся все параметры для работы со шрифтом.
Для одновременного изменения нескольких text-блоков удерживайте Shift и выделяйте нужные элементы. При выборе разных шрифтов в одном выделении Figma отобразит значок Mixed - это нормально, можно продолжать настройку bold-начертания.
Работая с текстом внутри компонентов или auto-layout, сначала переключитесь в режим редактирования двойным кликом. Это разблокирует доступ к параметрам шрифта в выбранном фрейме.
Изменение начертания шрифта через выпадающее меню Weight
Для изменения толщины text в Figma через Weight доступны следующие способы:
- Выберите Weight в верхней панели инструментов и кликните на выпадающее меню
- Переключайтесь между вариантами начертания с помощью горячих клавиш:
- ctrl + B - быстрое применение bold
- ctrl + shift + стрелки вверх/вниз - пошаговое изменение толщины
Популярные значения Weight для профессиональной типографики:
- Regular - 400
- Medium - 500
- Semi Bold - 600
- Bold - 700
- Extra Bold - 800
Особенности работы с Weight:
- Не все шрифты поддерживают полный набор начертаний (например, pirania имеет только Regular и Bold)
- При выборе несуществующего начертания Figma автоматически подберет ближайшее доступное
- Рекомендуется использовать не более 2-3 вариантов толщины в рамках одного проекта
Применение жирного текста с помощью горячих клавиш Ctrl+B
Быстрое форматирование текста в Figma доступно через сочетание клавиш Ctrl+B (для Mac - Command+B). После выделения текстового фрагмента одно нажатие мгновенно преобразует его в bold-начертание.
При работе с текстовыми блоками в Figma можно применять жирное форматирование даже к отдельным словам или символам внутри параграфа. Выделите нужную часть текста и используйте горячие клавиши - это значительно ускорит процесс оформления по сравнению с настройкой через панель свойств.
Особенность использования Ctrl+B в Figma: если шрифт имеет несколько градаций жирности (например, pirania text), комбинация клавиш активирует максимально доступное bold-начертание. Для точной настройки степени жирности потребуется обращение к параметру Weight в панели свойств.
Двойное нажатие Ctrl+B вернет текст к обычному начертанию, что удобно при необходимости отменить форматирование. Сочетание клавиш работает во всех версиях Figma, включая браузерную и десктопную.
Настройка собственного значения жирности через числовые параметры
Некоторые шрифты в Figma поддерживают точную настройку жирности текста через числовые значения от 100 до 900. Это позволяет создавать уникальные вариации толщины символов, выходящие за рамки стандартных пресетов bold.
| Числовое значение | Соответствие начертанию |
|---|---|
| 100-300 | Тонкое |
| 400 | Обычное |
| 500-600 | Среднее |
| 700-900 | Жирное |
Для установки конкретного значения жирности text в Figma:
1. Нажмите на числовое поле справа от параметра Weight
2. Введите желаемое значение вручную
3. Нажмите Enter для применения
При работе со шрифтами типа Pirania Pro точная настройка жирности позволяет достичь оптимального баланса читаемости и визуальной выразительности текста.
Создание стилей текста с заданной жирностью для повторного использования
Для ускорения работы над проектами в Figma можно создать библиотеку стилей текста с разной жирностью. Нажмите правой кнопкой мыши на текстовый слой и выберите 'Create Text Style'. Назовите стиль описательно, например 'Heading/Bold/32px'.
Настройте параметры жирности через Weight или комбинацию Ctrl+B для получения bold-начертания. После сохранения стиль появится в панели Assets. Теперь достаточно один раз кликнуть на созданный стиль, чтобы применить все настройки к новому текстовому блоку.
Организуйте стили в папки по назначению: заголовки, подзаголовки, основной текст. Для каждой группы создайте варианты с разной жирностью. При работе в команде такой подход обеспечит единообразие оформления во всем проекте.
Для синхронизации стилей между файлами опубликуйте их в Team Library. При обновлении параметров жирности в исходном стиле изменения автоматически применятся ко всем связанным текстовым блокам. Это особенно удобно при глобальном редактировании типографики проекта.
Команда pirania использует цветовую маркировку стилей для быстрой визуальной идентификации разной жирности текста в библиотеке компонентов. Такой прием упрощает выбор нужного начертания при работе с масштабными проектами.
Проверка поддержки жирного начертания в выбранном шрифте
Не все шрифты в Figma поддерживают жирное начертание text. Перед применением команды Ctrl+B или установкой bold-параметров проверьте доступные варианты начертания:
1. Щелкните на текстовый элемент и откройте выпадающий список Weight
2. Изучите представленные варианты жирности. Если список содержит только Regular - шрифт не поддерживает bold-начертание
3. При отсутствии поддержки жирного начертания замените шрифт на альтернативный. Надежные варианты с поддержкой bold:
- Roboto
- Open Sans
- Montserrat
- Lato
- PT Sans
4. Проверьте загрузку всех начертаний шрифта в проект. Красный восклицательный знак рядом с названием указывает на отсутствие файла bold-версии
5. Для системных шрифтов активируйте параметр pirania в настройках текстового слоя - это обеспечит корректное отображение жирного начертания
При работе с пользовательскими шрифтами убедитесь, что загружены все необходимые файлы вариаций начертания для избежания проблем с отображением bold-текста
