Missing fonts figma что делать

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

Почему шрифты пропадают в Figma

Пропадание шрифтов в Figma — это не сбой, а следствие архитектуры облачного инструмента. Figma не хранит сами шрифты, а только ссылки на их имена и стили. Когда вы открываете файл, созданный на другом устройстве, Figma проверяет, есть ли эти шрифты в вашей системе или в библиотеке Figma Fonts. Если нет — вместо текста появляются прямоугольники с пометкой «Missing fonts». Это особенно часто происходит при переходе с macOS на Windows, при использовании кастомных шрифтов, не из Google Fonts, или при работе с проектами, загруженными от фрилансера или агентства.

Часто дизайнеры не осознают, что шрифт «Montserrat» может быть установлен на одном компьютере, но не на другом — даже если он бесплатный. Или, что ещё хуже: шрифт «Proxima Nova» лицензирован только для Adobe Creative Cloud, и без подписки он не будет отображаться. Также проблема возникает при использовании шрифтов из сторонних источников, не прошедших проверку на совместимость с Figma.

Представьте: вы отправляете макет клиенту, а он видит текст в Arial вместо «Cormorant Garamond» — это не просто несоответствие, это потеря брендинга. Шрифт — это голос дизайна. Его замена на аналог может полностью изменить восприятие продукта.

Как исправить пропавшие шрифты: пошаговая инструкция

Решение проблемы «Missing fonts» зависит от того, как вы работаете: в одиночку, в команде или с клиентами. Ниже — универсальный пошаговый алгоритм.

1. Откройте файл в Figma — система автоматически выделит все текстовые слои с пропавшими шрифтами. В панели слоёв они будут отмечены оранжевой иконкой с восклицательным знаком.
2. Нажмите на кнопку «Fix» рядом с уведомлением «Missing fonts» в правом верхнем углу. Figma предложит вам три варианта: установить шрифт, заменить его или игнорировать.
3. Выберите «Install», если шрифт есть в библиотеке Figma Fonts (Google Fonts, Adobe Fonts, или другие подключённые). Система установит его автоматически для вашего аккаунта.
4. Если шрифт не найден, скачайте его вручную с официального сайта (например, fonts.google.com, myfonts.com, dafont.com). Убедитесь, что у вас есть лицензия на использование.
5. Установите шрифт в систему: на macOS — двойной клик по файлу .ttf/.otf → «Установить шрифт»; на Windows — правый клик → «Установить».
6. Перезагрузите Figma — закройте и откройте браузер заново. Иногда Figma не распознаёт новые шрифты без перезагрузки.
7. Проверьте результат — откройте текстовые слои. Если шрифт стал отображаться — проблема решена.

Если вы не можете установить шрифт (например, он платный и у вас нет лицензии), переходите к следующему шагу — замене.

Лучшие практики управления шрифтами в Figma

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

• Используйте только шрифты из Figma Fonts — это гарантия совместимости. В библиотеке Figma Fonts — более 1 000 шрифтов, включая системные (San Francisco, Segoe UI) и популярные кастомные (Inter, Lato, Poppins).
• Не загружайте кастомные шрифты напрямую в Figma — вместо этого создавайте библиотеку стилей. Загружайте шрифт в систему, а в Figma — только применяйте его как стиль.
• Создавайте шрифтовые палитры в Styles — в Figma вы можете создавать стили текста (Text Styles) с фиксированными шрифтами. Это упрощает поддержку и снижает риск ошибок.
• Документируйте шрифты в README — при передаче проекта коллеге или клиенту прикрепляйте список используемых шрифтов с ссылками на скачивание и лицензию.
• Ограничьте количество шрифтов — чем меньше шрифтов в проекте, тем меньше шансов на конфликт. Оптимально — 1–2 шрифта для заголовков и 1 для текста.

Таблица: популярные шрифты и их доступность в Figma Fonts

Замена шрифтов: как сделать это правильно

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

• Используйте Figma’s “Replace Font” — выделите текст, нажмите на шрифт в панели свойств → выберите «Replace Font» → Figma предложит ближайшие аналоги по стилю, весу и пропорциям.
• Сравнивайте метрики — высота заглавных букв (x-height), межбуквенные расстояния (kerning), ширина символов. Например, Inter — отличная замена для Proxima Nova. Lato — для Helvetica.
• Проверяйте читаемость — после замены увеличьте текст до 18–24pt и прочитайте его вслух. Если возникают трудности — шрифт не подходит.
• Не заменяйте декоративные шрифты на стандартные — если в проекте используется «Bebas Neue» для логотипа, замена на Arial убьёт визуальную идентичность. В таких случаях — используйте изображение (PNG/SVG) или экспортируйте как вектор.

Если вы заменили шрифт — обязательно обновите Text Styles и создайте заметку в файле: «Заменён Proxima Nova на Inter для совместимости». Это сэкономит время следующему дизайнеру.

Шрифты в командной работе: как избежать конфликтов

Когда в проекте участвуют 5+ дизайнеров, проблема «Missing fonts» становится катастрофой. В одном файле — 12 разных шрифтов, каждый из которых установлен только у одного человека. Решение — системный подход.

• Создайте шрифтовую политику команды — определите 3–4 шрифта как стандартные. Все новые проекты должны использовать только их. Например: Inter (текст), Montserrat (заголовки), Source Code Pro (код).
• Подключите Adobe Fonts или Google Fonts к командному аккаунту — в настройках команды (Team Settings) → Fonts → подключите библиотеки. Все участники получат доступ автоматически.
• Используйте Figma Libraries — вынесите все Text Styles в отдельную библиотеку. Даже если шрифт не установлен у кого-то, стиль будет применяться корректно, если шрифт подключён к аккаунту.
• Автоматизируйте проверку — добавьте в рабочий процесс этап «Проверка шрифтов» перед сдачей макета. Используйте плагины типа «Font Finder» или «Style Inspector».

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

Экспертное мнение: как дизайнеры решают эту проблему

«Я работал над проектом для международной компании, где дизайн-система использовала шрифт “Avenir Next”. Всё шло хорошо, пока не пришлось передать файл на аутсорс в Индию. Там у дизайнеров не было лицензии. Мы потеряли два дня на переработку. После этого я создал шаблон: в каждом проекте есть документ “Font Requirements” — с ссылками, лицензиями и альтернативами. Теперь мы даже не обсуждаем шрифты — они просто есть в библиотеке.»

— Дмитрий Сидоров, Lead Designer, 12 лет в digital-агентствах, руководитель команды из 18 дизайнеров

Он также рекомендует использовать Figma’s “Font Override” только для временных тестов. Если вы меняете шрифт для проверки — сразу создавайте копию слоя, а не перезаписывайте оригинальный стиль. Это предотвращает случайное распространение неправильных стилей.

Часто задаваемые вопросы

Заключение

Проблема «Missing fonts» в Figma — не технический косяк, а сигнал о несогласованности в работе с типографикой. Она возникает не потому, что вы что-то сделали неправильно, а потому, что шрифты — это не просто графические элементы, а часть инфраструктуры дизайна. Как и цвета, и иконки, они должны быть стандартизированы, задокументированы и доступны всем участникам процесса.

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

• Используйте шрифты из Figma Fonts — это гарантия совместимости.
• Никогда не загружайте кастомные шрифты без проверки лицензии.
• Создавайте Text Styles и библиотеки — это упрощает командную работу.
• Заменяйте шрифты осознанно, сравнивая метрики и читаемость.
• Документируйте шрифты в каждом проекте — это экономит время и снижает риски.