Как добавить шрифт в фигму на маке

Вы работаете в Figma на Mac и хотите добавить новый шрифт — но не знаете, с чего начать? Проблема знакома многим дизайнерам: шрифт не отображается, не синхронизируется или требует ручной установки. На самом деле, процесс добавления шрифта в Figma на macOS прост, если знать правильные шаги и избегать типичных ошибок. Главное — понимать, как Figma взаимодействует с системными шрифтами и как использовать встроенные инструменты библиотеки шрифтов.

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

Как добавить шрифт в Figma через Font Book на Mac

Самый надёжный и проверенный способ — установить шрифт на уровне операционной системы. Это гарантирует, что он будет доступен не только в Figma, но и во всех других приложениях: Adobe Photoshop, Keynote, Pages и даже в браузере.

Первым делом скачайте шрифт в формате .ttf (TrueType) или .otf (OpenType). Избегайте .woff или .woff2 — они предназначены для веба и не работают в системе. Файлы можно найти на сайтах вроде Google Fonts, Adobe Fonts, DaFont или в корпоративных библиотеках.

Затем откройте приложение Font Book, которое предустановлено на всех Mac. Перетащите скачанный файл .ttf или .otf прямо в окно Font Book. Приложение автоматически проанализирует шрифт и предложит активировать его. Нажмите «Включить» — если шрифт не является дубликатом, он сразу появится в списке.

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

Как добавить шрифт через встроенный менеджер Figma (без установки на Mac)

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

Откройте Figma → в панели слева выберите вкладку «Fonts» (иконка «T»). Перейдите на вкладку «Browse». Здесь вы увидите тысячи шрифтов из Google Fonts, Adobe Fonts и других источников. Используйте фильтры по стилю (сериф, сан-сериф, моноширинный), весу или популярности.

Найдите нужный шрифт — например, Inter или Poppins — и нажмите «Add to account». После этого шрифт появится в вашем личном списке «My Fonts». Теперь, когда вы создаете текстовый слой, он будет доступен в выпадающем списке без установки на Mac.

Что делать, если шрифт не отображается в Figma

Даже после правильной установки шрифт может не появиться. Вот основные причины и способы их устранения.

Ошибка 1: Шрифт установлен, но Figma не перезагружена

Figma не сканирует систему в реальном времени. Даже если вы установили шрифт минуту назад, он не появится до перезапуска приложения. Закройте Figma полностью (через меню «Figma» → «Quit Figma»), а не просто закройте окно. Затем откройте заново.

Ошибка 2: Шрифт не активирован в Font Book

Иногда шрифт скачивается, но остаётся в состоянии «Disabled». Откройте Font Book → найдите шрифт → убедитесь, что рядом с ним нет серого значка. Если есть — кликните правой кнопкой → «Enable Font».

Ошибка 3: Несовместимый формат

Figma не поддерживает шрифты в форматах .woff, .woff2, .eot или .svg. Используйте только .ttf или .otf. Если у вас есть только .woff — скачайте версию в .ttf с официального сайта шрифта.

Ошибка 4: Конфликт имён

Если у вас уже установлен шрифт с похожим названием (например, «Roboto Regular» и «Roboto (Google) Regular»), Figma может запутаться. Удалите дубликаты в Font Book: выделите лишние версии → нажмите «Remove».

Как добавить кастомный шрифт в командную библиотеку Figma

Если вы работаете в команде, локальная установка — не решение. Вам нужен централизованный доступ. Для этого используется Team Library.

Сначала установите шрифт через Font Book на своём Mac. Затем откройте Figma → создайте новый файл (или используйте существующий). Добавьте текстовый слой, примените к нему ваш шрифт. Выделите этот слой → кликните правой кнопкой → «Add to library» → выберите свою командную библиотеку.

Теперь, когда другой участник команды подключит эту библиотеку к своему проекту, Figma автоматически предложит установить шрифт. Он появится в списке «Fonts» → «Team Fonts». Участникам нужно будет нажать «Install» — и шрифт скачается и активируется в их системе через Figma.

Это работает только если у вас есть доступ к Team Library. Для индивидуальных проектов используйте «My Fonts».

Экспертное мнение: Как избежать шрифтовых катастроф

Алексей рекомендует следующую практику:

1. Создайте шрифтовой пакет — 3–4 основных шрифта: заголовок, подзаголовок, основной текст, монопроизводный для кода.
2. Зарегистрируйте лицензии — убедитесь, что шрифты можно использовать в коммерческих целях. Некоторые бесплатные шрифты запрещают использование в продуктах.
3. Используйте Figma’s Font Styles — создайте стили текста с фиксированными шрифтами, размерами и цветами. Это защитит от случайной замены.
4. Обновляйте библиотеку регулярно — если шрифт обновляется (например, Inter 5.0 → 6.0), замените его в библиотеке и уведомите команду.

Частые вопросы и ответы

• Можно ли добавить шрифт в Figma без установки на Mac? Да, но только если он есть в библиотеке Figma Fonts (Google Fonts, Adobe Fonts и др.). Для кастомных шрифтов — нет, требуется установка через Font Book.
• Почему шрифт в Figma выглядит иначе, чем в Photoshop? Это может быть связано с разным рендерингом текста. Figma использует системный рендеринг, а Photoshop — собственный. Проверьте, что шрифт одинаковой версии установлен в обеих программах.
• Как удалить шрифт из Figma? Удалите его из Font Book (если локальный) или отключите в «My Fonts» → «Remove from account» (если облачный). Убедитесь, что он не используется в файлах — иначе Figma заменит его на ближайший аналог.
• Можно ли использовать шрифт из Adobe Fonts без подписки? Нет. Adobe Fonts требует активной подписки на Creative Cloud. Если подписка истекает — шрифт перестанет отображаться в Figma.
• Почему Figma предлагает заменить шрифт на другой? Это происходит, когда шрифт не установлен на устройстве. Figma подбирает ближайший по стилю (например, Arial вместо Helvetica). Всегда проверяйте, что нужный шрифт установлен.

Заключение

Добавление шрифта в Figma на Mac — это не просто техническая операция, а важный этап поддержания целостности дизайна. Независимо от того, используете ли вы локальную установку через Font Book или облачные шрифты Figma, ключевой принцип один: согласованность. Шрифт должен быть доступен всем участникам проекта, иначе вы рискуете столкнуться с разбежками в верстке, потерей брендинга и потерей времени на исправления.

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

• Для кастомных шрифтов — используйте Font Book на Mac, затем перезапустите Figma.
• Для популярных шрифтов — подключайте через встроенный менеджер Figma Fonts.
• В командной работе всегда используйте Team Library, а не локальные шрифты.
• Избегайте форматов .woff/.woff2 — они не работают в системе.
• Регулярно проверяйте активность шрифтов в Font Book и удаляйте дубликаты.