Почему в фигме не работают шрифты на русском

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

Почему в Figma не работают шрифты на русском

Когда вы вводите текст на русском языке в Figma, а вместо букв появляются пустые квадратики или символы заменяются на латинские аналоги, это не ошибка интерфейса — это результат того, что выбранный шрифт физически не содержит кириллических символов. Даже если шрифт называется «Helvetica», «Roboto» или «Open Sans», его версия может быть урезанной: например, только латинская (Latin-1) или даже только английская (ASCII). Figma не «ломает» шрифты — она просто отображает то, что есть в файле.

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

Также важно понимать: Figma работает с шрифтами двумя способами — через локальную установку на вашем компьютере и через облачные библиотеки (через Figma Community или Adobe Fonts). Если шрифт установлен только в браузере, но не в ОС, он может не синхронизироваться корректно. Особенно это актуально для пользователей macOS и Windows, которые используют Figma в браузере, а не в десктопном приложении.

Лицензионные ограничения: как шрифты «отказываются» работать с кириллицей

Многие шрифты, особенно платные, имеют лицензионные ограничения по языковым наборам. Например, шрифт «Montserrat» может быть доступен в двух версиях: с поддержкой кириллицы и без неё. Если вы скачали его с сайта, где не указано, что шрифт поддерживает русский язык — вероятно, вы получили латинскую версию. Даже если вы видите буквы «А», «Б», «В» — это не гарантирует поддержку всех символов: «ё», «ы», «ь», «ъ» и даже «э» часто отсутствуют в упрощённых версиях.

Компании, такие как Monotype, Linotype или Adobe, продают шрифты с чётким указанием поддерживаемых языков. В описании вы найдёте термины: «Cyrillic», «Extended Latin», «Unicode». Если в описании написано только «Latin», значит — кириллица не включена. Даже если шрифт выглядит «русским» — это может быть визуальная иллюзия, созданная заменой символов на похожие латинские.

Вот почему важно проверять источник. Например, шрифт «PT Sans» от «ParaType» — бесплатный, с полной поддержкой кириллицы, и его можно скачать на официальном сайте. А вот «Roboto» от Google — тоже поддерживает кириллицу, но только если вы скачали его через Google Fonts, а не через сторонние архивы.

Проблемы синхронизации шрифтов между системой и Figma

Figma не имеет собственной базы шрифтов — она использует шрифты, установленные на вашем устройстве. Если вы используете Figma в браузере, он обращается к системной библиотеке шрифтов. Если вы используете Figma Desktop (приложение), он синхронизирует шрифты через системный менеджер. Но здесь возникают три типичные ошибки:

1. Шрифт установлен только в одном приложении (например, в Photoshop), но не в системе.
2. Шрифт установлен, но не активирован (особенно на macOS, где шрифты могут быть в «Папке пользовательских шрифтов», но не в «Папке системных»).
3. Вы используете Figma в браузере на другом устройстве (например, на работе), где шрифт не установлен.

На macOS шрифты устанавливаются через «Диспетчер шрифтов» (Font Book). Если вы просто скопировали .ttf или .otf файл в папку «Downloads» — это не установка. Нужно дважды кликнуть на файл и нажать «Установить». На Windows — через «Панель управления → Шрифты» или через контекстное меню «Установить».

Также проверьте: не используете ли вы Figma в режиме инкогнито или через корпоративный браузер с ограничениями. Некоторые корпоративные сети блокируют загрузку шрифтов или кэшируют устаревшие версии.

Веб-шрифты и кириллица: почему Google Fonts иногда не помогают

Google Fonts — это удобный инструмент, но не панацея. Даже если вы подключаете шрифт через Figma (через меню «Использовать шрифт» → «Добавить из Google Fonts»), он может не отображать кириллицу. Почему? Потому что при подключении вы можете выбрать только определённые стили (например, Regular, Bold), но не все наборы символов.

При выборе шрифта в Google Fonts вы должны явно указать: «Cyrillic» в фильтре языков. По умолчанию Google Fonts может загружать только базовый Latin-набор, особенно если вы выбираете шрифт через Figma, а не через сайт Google Fonts.

Пример: вы выбираете «Roboto» в Figma → он подключается с параметром `&subset=latin`. Но вам нужно `&subset=cyrillic,cyrillic-ext,latin`. Без этого кириллица не будет включена.

Если вы используете Figma Plugins (например, «Font Finder» или «Type Scale»), они могут не учитывать языковые подмножества. Лучший способ — вручную проверить поддержку через сайт Google Fonts:

1. Перейдите на fonts.google.com
2. Найдите шрифт (например, Open Sans)
3. Нажмите на него → в правом меню выберите «Select styles»
4. Внизу появится «Character set» → убедитесь, что стоит галочка «Cyrillic»

Только после этого возвращайтесь в Figma и подключайте шрифт заново.

Как правильно установить и активировать русские шрифты в Figma

Вот пошаговая инструкция, которая решит проблему в 95% случаев:

1. Определите, какой шрифт вы хотите использовать. Например, «PT Sans», «Inter», «Lato» — все они имеют официальную поддержку кириллицы.
2. Скачайте шрифт с официального источника. Для PT Sans — paraType.com, для Inter — github.com/rsms/inter, для Lato — latofonts.com.
3. Установите шрифт в систему.
   • Windows: клик правой кнопкой → «Установить».
   • macOS: дважды кликните на файл → «Установить шрифт» в Font Book.
4. Перезапустите Figma. Если используете браузер — закройте все вкладки и откройте заново. Если используете Figma Desktop — перезапустите приложение.
5. В Figma: создайте текстовое поле → введите русский текст. Если шрифт появляется в списке — значит, он синхронизирован.
6. Если шрифт не появляется — используйте Figma Desktop. Он лучше интегрируется с системными шрифтами.
7. Не забудьте проверить: в свойствах текста выбран именно тот шрифт, который вы установили. Иногда Figma автоматически заменяет его на ближайший по внешнему виду — например, на Arial.

Лучшие практики: как избежать проблемы в будущем

Чтобы не возвращаться к этой проблеме снова и снова, внедрите следующие практики:

• Создайте «Библиотеку шрифтов» в Figma: добавьте все используемые шрифты с поддержкой кириллицы в Team Library и поделитесь ею с командой.
• Всегда проверяйте шрифт перед началом проекта: создайте тестовый текст «АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ» — если все символы отображаются — шрифт подходит.
• Не используйте шрифты из архивов, скачанных с torrent-сайтов или форумов — они часто повреждены или урезаны.
• Используйте только шрифты с лицензией SIL Open Font License (OFL) или коммерческой лицензией — они гарантированно поддерживают кириллицу.
• Для веб-проектов используйте Figma + Google Fonts с явным указанием `&subset=cyrillic` в URL.
• Настройте Figma Desktop как основной инструмент — он надёжнее работает с локальными шрифтами.

Также рекомендуем создать чек-лист для новых дизайнеров в команде:

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

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

Она также рекомендует использовать Figma Plugins, такие как «Font Finder» или «Type Scale», но только после того, как шрифты установлены локально. Эти инструменты помогают быстро находить аналоги, но не заменяют проверку поддержки кириллицы.

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

Заключение

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

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

• Шрифт должен явно поддерживать кириллицу — проверяйте это в описании.
• Устанавливайте шрифты в систему, а не только в браузер или Figma.
• Используйте Figma Desktop для более надёжной синхронизации.
• Создавайте Team Library с проверенными шрифтами для всей команды.
• Никогда не доверяйте шрифтам из сомнительных источников — они часто урезаны.