Почему установленный шрифт не отображается в фигме

В дизайне интерфейсов шрифт — не просто визуальный элемент, а фундамент читаемости, бренда и пользовательского опыта. Когда вы вносите в Figma кастомный шрифт, ожидая, что он моментально проявится в макете, а вместо этого видите замену на Arial или Helvetica — это не просто раздражает, это останавливает работу. Проблема «шрифт не отображается в Figma» знакома каждому дизайнеру, работающему с нетиповыми типографиками: от локальных шрифтов до лицензионных семейств вроде Neue Haas Grotesk или GT Walsheim. Причины могут быть техническими, лицензионными или даже психологическими — вы просто не заметили, что шрифт не был синхронизирован. Но решение всегда системное. В этой статье мы разберём все возможные причины, от простых до скрытых, и дадим пошаговые инструкции, чтобы вы больше никогда не сталкивались с этой проблемой.

Причины, почему шрифт не отображается в Figma

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

Наиболее частые причины: шрифт не установлен в системе, установлен неправильно, имеет нестандартное имя, лицензия запрещает использование в дизайне, или вы работаете в браузере без Figma Desktop. Также часто дизайнеры скачивают шрифт в формате .ttf или .otf, но не активируют его через системный менеджер — например, просто дважды кликают на файл в Finder, но не нажимают «Установить». В этом случае шрифт временно доступен, но не регистрируется в системе как постоянный.

Представьте: вы скачали шрифт «Proxima Nova», установили его через Font Book на macOS, но не перезагрузили Figma Desktop. Шрифт не появится, пока Figma не перечитает список доступных шрифтов. Это не баг — это особенность архитектуры. Figma не сканирует папки шрифтов в реальном времени. Он делает это при запуске или при явном запросе.

Шаг 1: Установка шрифта в операционной системе

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

На macOS:
— Откройте папку с файлом шрифта (.ttf, .otf, .woff2).
— Дважды кликните по файлу — откроется «Font Book».
— Нажмите «Установить шрифт» (не «Просмотреть»).
— Перезагрузите Font Book (если шрифт не появился в списке).
— Убедитесь, что шрифт не отключён: в левой панели Font Book выберите «Все шрифты» и найдите его — если он серый, кликните правой кнопкой и выберите «Включить».

На Windows:
— Кликните правой кнопкой по файлу шрифта.
— Выберите «Установить для всех пользователей» (не «Установить для текущего»).
— Или скопируйте файл в папку `C:WindowsFonts`.
— Перезагрузите компьютер — это гарантирует, что шрифт зарегистрирован в системе.

После установки откройте любой текстовый редактор (например, TextEdit или Блокнот) и попробуйте набрать текст — если шрифт появляется там, он установлен правильно. Если нет — проблема на уровне ОС, а не Figma.

Шаг 2: Синхронизация через Figma Desktop

Figma в браузере не имеет доступа к локальным шрифтам. Только Figma Desktop — приложение, установленное на вашем компьютере — может синхронизировать шрифты с системой.

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

Что делать:
1. Установите Figma Desktop с официального сайта: https://www.figma.com/downloads/
2. Запустите приложение и войдите в аккаунт.
3. Дождитесь полной синхронизации (индикатор в правом нижнем углу).
4. Перезагрузите Figma Desktop — это принудительно обновит список шрифтов.
5. Откройте ваш файл и проверьте доступность шрифта в выпадающем списке.

Даже если вы установили шрифт в систему, но не запускали Figma Desktop после этого — он не появится. Приложение синхронизирует шрифты только при старте или при ручном обновлении через меню «Help» → «Reload fonts».

Шаг 3: Проверка названия шрифта

Иногда шрифт установлен, синхронизирован, но всё равно не отображается — потому что его имя в Figma отличается от имени в системе.

Figma использует PostScript Name или Full Name, а не просто «название файла». Например, вы скачали файл `ProximaNova-Bold.otf`, но в Figma он отображается как `Proxima Nova Bold`. Если вы вручную вводите в поле шрифта «ProximaNova-Bold» — Figma не найдёт его.

Как проверить:
1. Откройте шрифт в Font Book (macOS) или Панель управления → Шрифты (Windows).
2. Найдите нужный шрифт в списке.
3. Скопируйте точное название, как оно отображается в системе — без пробелов, дефисов, подчёркиваний.
4. Вставьте его в Figma в поле выбора шрифта.

Также возможна ситуация, когда шрифт содержит в названии символы, несовместимые с Figma: кириллица, специальные знаки, или лишние пробелы. Например, шрифт «Helvetica Neue 12» — Figma может отображать его как «Helvetica Neue» и игнорировать размер.

Шаг 4: Лицензионные ограничения

Многие коммерческие шрифты — например, от Monotype, Adobe Fonts или Linotype — имеют лицензионные ограничения. Некоторые шрифты можно использовать только в вебе, другие — только в печати. А некоторые запрещают использование в дизайнерских инструментах вроде Figma, если не подключён официальный лицензионный аккаунт.

Если вы скачали шрифт с сайта, не являющегося официальным дистрибутором — он может быть модифицирован, снят с лицензии или содержать «запрещённые» метаданные.

Решение:
— Используйте только шрифты из официальных источников: Google Fonts, Adobe Fonts, MyFonts, Fontspring.
— Для корпоративных проектов подключите Adobe Fonts через Creative Cloud — Figma автоматически синхронизирует их.
— Проверьте лицензию шрифта: если в ней есть фраза «не для использования в дизайнерских программах» — это запрещено.
— Если вы работаете в компании — убедитесь, что у вас есть лицензия на шрифт для команды, а не только для личного использования.

Шаг 5: Проверка установки в команде

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

Решение:
— Используйте Figma’s Font Sync — в правом меню, в разделе «Text», нажмите «Sync fonts».
— Если вы используете Figma Teams — попросите администратора добавить шрифт в «Team Library».
— Создайте Style Guide с предустановленными шрифтами — и делитесь им с командой.
— Для частых случаев — используйте Adobe Fonts или Google Fonts, которые синхронизируются автоматически для всех участников команды.

Шаг 6: Отключение автоматической замены шрифтов

Figma по умолчанию заменяет недоступные шрифты на ближайший по стилю. Это удобно, но мешает при отладке.

Чтобы увидеть, какой шрифт вообще не отображается — отключите замену:
1. Откройте файл в Figma.
2. Перейдите в меню «View» → «Auto Font Replacement».
3. Снимите галочку.
4. Теперь все шрифты, которые не установлены, будут отображаться как «Missing» — с красной подсветкой.

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

Также проверьте: если вы скопировали текст из другого приложения (например, Word или Notion), Figma может сохранить неверные метаданные. В этом случае — пересоздайте текстовый слой с нуля.

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

Дмитрий рекомендует создавать «шрифтовый чек-лист» для каждой новой задачи:
1. Установлен ли шрифт в ОС?
2. Запущен ли Figma Desktop?
3. Есть ли лицензия?
4. Совпадает ли имя в системе и в Figma?
5. Отключена ли замена?

Он также советует использовать Typekit (Adobe Fonts) для корпоративных проектов — там шрифты синхронизируются автоматически для всей команды, и вы никогда не столкнётесь с «отсутствующим» шрифтом у коллег.

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

Заключение

Проблема «шрифт не отображается в Figma» — не технический сбой, а следствие непонимания архитектуры синхронизации. Figma не является полноценным редактором шрифтов — он лишь интерфейс, который зависит от вашей операционной системы и лицензионной политики. Решение всегда системное: установите шрифт правильно, запустите Figma Desktop, проверьте имя, убедитесь в лицензии и синхронизируйте с командой.

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

• Шрифт должен быть установлен в операционной системе — не просто скачан.
• Figma в браузере не видит локальные шрифты — используйте Figma Desktop.
• Имя шрифта в Figma должно точно совпадать с именем в системе — проверяйте через Font Book или Панель управления.
• Используйте Adobe Fonts или Google Fonts для командной работы — они синхронизируются автоматически.
• Отключите «Auto Font Replacement», чтобы видеть, какие шрифты не загружены.