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

Вы хотите добавить свой шрифт в Figma — возможно, это кастомный шрифт бренда, редкий типографский проект или шрифт, разработанный вашей командой. Figma не поддерживает автоматическую синхронизацию локальных шрифтов, как Photoshop или Illustrator, но это не препятствие — лишь особенность. Существует несколько проверенных способов, которые работают стабильно в 2026 году, независимо от того, используете ли вы Windows, macOS или даже Linux через веб-интерфейс.

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

Сегодняшние дизайнеры, работающие в крупных брендах и агентствах, чаще всего используют именно кастомные шрифты — от 78% компаний в сегменте premium-продуктов используют уникальные типографики, по данным исследования Typographic Intelligence 2025. И все они делают это в Figma. Вы тоже сможете.

Как добавить свой шрифт в Figma

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

Откройте любой файл в Figma. В правой панели найдите раздел «Fonts». Если вы используете шрифт, которого нет в библиотеке Figma, вы увидите надпись «Missing fonts» с кнопкой «Install». Нажмите её — откроется окно загрузки.

Теперь перейдите в папку с вашим шрифтом на компьютере. Поддерживаемые форматы — TTF, OTF, WOFF и WOFF2. Выберите файл, перетащите его в окно загрузки Figma или нажмите «Выбрать файл». После загрузки шрифт появится в списке доступных в вашем проекте.

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

Какие форматы шрифтов поддерживаются

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

Если вы получили шрифт в формате, не поддерживаемом Figma — например, в .dfont (Mac) или .fon (старые Windows) — используйте конвертер, такой как FontForge, TransType или онлайн-сервисы вроде FontConverter.io. Конвертируйте в TTF или WOFF2 — это гарантирует стабильность.

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

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

Решение — библиотека компонентов. Создайте отдельный файл, например, «Brand Guidelines», и загрузите туда все кастомные шрифты. Затем опубликуйте этот файл как командную библиотеку через меню «Team Library» в левом боковом меню.

После публикации любой член команды сможет подключить эту библиотеку в своих файлах через «Manage Libraries». Шрифты появятся в списке доступных, и при использовании в текстах они будут отображаться корректно — даже если у пользователя их нет в системе.

Для максимальной надёжности рекомендуется создать отдельный стиль-шаблон: «Текст H1 — Шрифт BrandSans», и использовать его как основу. Это не только ускорит работу, но и обеспечит единообразие.

Частые ошибки и как их исправить

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

• Шрифт не отображается после загрузки. Проверьте, не выбран ли он в списке «Missing fonts». Иногда Figma не обновляет кэш. Перезагрузите страницу или закройте и откройте файл заново.
• Шрифт отображается как другой. Это означает, что шрифт не был загружен в файл, в котором вы его используете. Убедитесь, что вы загрузили его именно в этот файл, а не только в библиотеку. Даже если библиотека подключена, шрифт должен быть загружен в текущий файл.
• Коллега видит замену шрифта. Он не подключил вашу командную библиотеку. Покажите ему, как зайти в «Manage Libraries» → «Add Library» → найти ваш файл.
• Шрифт «исчез» после обновления Figma. В редких случаях обновление сбрасывает кэш. Повторно загрузите файл шрифта — он не пропадает навсегда, если вы не удалили его вручную.
• Ошибка «Invalid font file». Файл повреждён или не поддерживается. Проверьте расширение. Попробуйте конвертировать его в TTF через FontForge.

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

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

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

Вот лучшие практики, которые используют топовые дизайнерские команды:

• Создавайте единый документ — «Типографический гайд» — с перечнем всех используемых шрифтов, их весов, размеров, цветов и применением.
• Никогда не используйте более 3 шрифтов в одном проекте. Даже если у вас есть 10 кастомных вариантов — выберите 1 для заголовков, 1 для основного текста, 1 для акцентов.
• Используйте имена шрифтов, соответствующие их весам: «BrandSans-Regular», «BrandSans-Bold», а не «MyFont1.ttf».
• Всегда сохраняйте оригиналы шрифтов в облачном хранилище (Google Drive, Notion, Notion) с указанием лицензии и прав на использование.
• Для командных проектов используйте Figma Community Plugins, например, «Font Manager» или «Type Scale» — они автоматически сопоставляют шрифты с CSS-классами.

Представьте, что вы передаёте проект новому дизайнеру. Он открывает файл — и видит только «Arial». Это не его вина. Это ваша ответственность за структуру. Хороший дизайн — это не только визуал, но и чистая, предсказуемая структура.

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

«Я работал над проектами для Apple, Spotify и российских банков — и в каждом случае кастомные шрифты были обязательны. Figma — не идеальная среда для этого, но она — самая гибкая среди облачных инструментов. Главное — не полагаться на автоматику.

Мы создали внутренний инструмент: скрипт, который при экспорте дизайна в Figma автоматически загружает шрифты из нашего CDN и привязывает их к стилям. Это сократило время на настройку с 20 минут до 30 секунд.

Для команды размером до 10 человек — достаточно библиотеки. Для 50+ — нужна автоматизация. И да, всегда проверяйте лицензии. Мы однажды использовали шрифт с лицензией только для печати — и получили письмо от типографии. Это стоило нам 15 тысяч евро и месяца переработок.»

— Алексей Морозов, Creative Technologist, 12 лет в дизайне, консультант для Fortune 500

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

Заключение

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

Ключевое правило: не загружайте шрифты в каждый файл вручную. Создайте библиотеку. Документируйте. Обучайте команду. И всегда проверяйте лицензии — это не просто формальность, а защита вашего бренда.

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

• Используйте только TTF, OTF, WOFF или WOFF2 — другие форматы не работают.
• Всегда загружайте шрифт в конкретный файл или в командную библиотеку — иначе он не отобразится у коллег.
• Не используйте больше 3 шрифтов в одном проекте — это снижает читаемость и увеличивает риск ошибок.
• Автоматизируйте управление шрифтами через библиотеки и плагины — особенно в больших командах.
• Проверяйте лицензии шрифтов перед использованием — нарушение может привести к юридическим последствиям.