Где шрифты в фигме

В Figma шрифты находятся в панели свойств (Inspector) справа, где настраиваются параметры текстового слоя: семейство, начертание, размер, межбуквенные и межстрочные интервалы. Доступны как системные шрифты, так и подключённые через Google Fonts или локальные библиотеки. Чтобы использовать кастомные шрифты, их нужно установить на компьютер или активировать через плагины.

Figma — это мощный инструмент для дизайна интерфейсов, который позволяет создавать прототипы, работать в команде и точно передавать макеты разработчикам. Одним из ключевых аспектов любого дизайна является типографика: правильный выбор шрифтов влияет на читаемость, восприятие бренда и общую эстетику проекта. Многие пользователи, особенно новички, задаются вопросом: «Где шрифты в Figma?» — и сталкиваются с трудностями при попытке применить нужное начертание или подключить внешний шрифт.

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

Где найти шрифты в панели свойств Figma

После создания или выделения текстового слоя в Figma вы сразу увидите настройки шрифта в правой панели свойств. Здесь можно изменить семейство шрифта, начертание (например, Regular, Bold, Italic), размер, межбуквенное расстояние (tracking) и межстрочный интервал (leading). Поле выбора шрифта работает как выпадающий список: кликните по нему, и откроется перечень всех доступных на вашем устройстве шрифтов.

Если вы видите, что нужного шрифта нет в списке, вероятнее всего, он не установлен на вашем компьютере. Figma автоматически определяет все шрифты, которые зарегистрированы в системе — будь то Windows, macOS или Linux. При этом важно понимать: Figma не скачивает и не хранит шрифты сама. Это означает, что при открытии чужого файла с использованием кастомного шрифта вы можете увидеть предупреждение о замене шрифта на резервный (fallback).

Чтобы быстро найти нужный шрифт в длинном списке, используйте функцию поиска: начните вводить название — например, «Inter» или «Roboto» — и список сузится до подходящих вариантов. Также можно фильтровать шрифты по категориям: засечковые, беззасечковые, моноширинные и другие, хотя эта функция доступна только при наличии соответствующих меток в названиях.

Как выбрать начертание шрифта

Многие пользователи не могут найти нужное начертание (например, Light Italic или Medium), потому что оно отображается не как отдельный шрифт, а как опция внутри одного семейства. Например, шрифт Inter имеет десятки начертаний, но в списке будет один пункт «Inter», а конкретное начертание выбирается во втором поле рядом.

• Выберите семейство шрифта (например, «Inter»).
• Во втором поле выберите начертание: Regular, Bold, Semibold, Italic и т.д.
• Если нужного начертания нет, возможно, оно не установлено на вашем устройстве.

Как добавить шрифты в Figma: пошаговое руководство

Поскольку Figma зависит от системных шрифтов, единственный способ использовать новый шрифт — установить его на компьютер. Ниже приведён универсальный алгоритм для macOS и Windows.

1. Найдите и скачайте файл шрифта (обычно в формате .ttf, .otf или .woff).
2. Дважды кликните по файлу — откроется предварительный просмотр.
3. Нажмите кнопку «Установить» (Windows) или «Установить шрифт» (macOS).
4. Перезапустите Figma, чтобы обновить список доступных шрифтов.

После установки шрифт станет доступен во всех приложениях, включая Figma. Убедитесь, что вы установили все необходимые начертания — например, если в проекте используется Roboto Bold и Roboto Light, оба файла должны быть установлены.

Проверка установленных шрифтов

Перед началом работы над проектом рекомендуется проверить, какие шрифты уже есть в системе. Это можно сделать:

• Через стандартный шрифтовой менеджер ОС («Шрифты» в Панели управления Windows или приложение «Шрифты» на macOS).
• Через сторонние программы: FontBase, NexusFont, Suitcase Fusion — они позволяют группировать, активировать и деактивировать шрифты.
• Прямым поиском в Figma: создайте текстовый слой и начните вводить название шрифта.

Интеграция Google Fonts: плагины и прямое подключение

Хотя Figma не интегрирована с Google Fonts напрямую, существуют проверенные плагины, которые позволяют импортировать шрифты прямо из сервиса. Самый популярный — Google Fonts for Figma, разработанный сообществом Figma.

• Откройте Figma и перейдите в меню Plugins → Find more plugins.
• Найдите «Google Fonts» и установите плагин.
• Запустите плагин через Plugins → Google Fonts.
• Выберите нужный шрифт и начертание — плагин автоматически создаст текстовый слой с выбранным стилем.

Альтернативные плагины

Кроме основного, стоит рассмотреть:

• Local Coded — позволяет использовать Google Fonts, устанавливая их временно в систему.
• Font Picker — даёт более удобный интерфейс выбора шрифтов, включая превью и сравнение.
• WhatFont — помогает определить шрифт на скриншоте или в другом проекте.

Управление шрифтами в команде: библиотеки и стили

Одна из главных проблем при командной работе — несоответствие шрифтов у участников. Чтобы избежать этого, необходимо стандартизировать типографскую систему.

Создайте документ с типографской шкалой: заголовки, подзаголовки, основной текст, подписи. Примените к каждому стилю единые параметры: шрифт, размер, интервал, цвет. Затем преобразуйте эти стили в Text Styles (текстовые стили) в Figma.

• Выделите текстовый слой с нужными параметрами.
• В правом верхнем углу панели свойств нажмите значок «+» рядом с Text.
• Назовите стиль (например, «Heading/H1» или «Body/Regular»).
• Сохраните — стиль станет доступен во всём файле и в библиотеке.

Если вы подключите этот файл как Team Library, все участники смогут использовать одни и те же стили. Однако важно помнить: наличие стиля в библиотеке не гарантирует, что шрифт будет доступен. У каждого дизайнера должен быть установлен тот же шрифт локально.

Распространённые ошибки и как их исправить

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

Ошибка: «Font not found» или подстановка шрифта

Если вы открыли чужой файл, а шрифт заменился на Arial или другой стандартный, значит, он не установлен у вас. Решение:

• Узнайте, какой шрифт использовал автор (посмотрите в панели свойств — там будет указано оригинальное имя).
• Скачайте и установите его вручную.
• Обратитесь к команде — возможно, шрифт есть в корпоративной библиотеке.

Ошибка: Начертание недоступно

Иногда шрифт установлен, но нужное начертание (например, Medium или ExtraBold) не отображается. Причина — не все файлы шрифта были установлены. Решение:

• Проверьте, установлены ли все файлы из набора шрифта.
• Удалите и переустановите весь комплект.
• Используйте шрифтовой менеджер для активации нужных начертаний.

Ошибка: Шрифт не сохраняется после перезапуска Figma

Редко, но бывает, что установленный шрифт исчезает из списка. Возможные причины:

• Повреждение кэша Figma — очистите кэш через настройки приложения.
• Проблема с правами доступа в системе — попробуйте установить шрифт с правами администратора.
• Конфликт версий — убедитесь, что нет дубликатов одного шрифта с разными версиями.

Экспертное мнение

По его словам, лучшая практика — использовать не более 2–3 шрифтов в одном проекте. Избыток типографики создаёт визуальный шум и усложняет поддержку. Также он рекомендует использовать переменные шрифты (variable fonts), если они доступны: они позволяют плавно регулировать вес и ширину, экономя место и время.

Вопросы и ответы

Заключение

Шрифты в Figma — это не просто элемент дизайна, а важная часть workflow. Понимание того, где они находятся и как управлять ими, помогает избежать ошибок, повысить качество работы и ускорить командное взаимодействие. Главное — помнить, что Figma полагается на системные шрифты, поэтому их установка остаётся ответственностью пользователя.

• Шрифты в Figma управляются через панель свойств и зависят от установки на устройстве.
• Для командной работы обязательно используйте Text Styles и Team Libraries.
• Плагины типа Google Fonts ускоряют работу, но не заменяют локальную установку.
• Переменные шрифты и типографские гайды повышают качество и гибкость проектов.
• Регулярно проверяйте соответствие шрифтов у всех участников команды.