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

Чтобы добавить шрифт в Фигму, установите его в систему компьютера (файл TTF или OTF) и перезапустите Figma, если она была открыта. Десктопному приложению больше ничего не нужно, а веб-версии нужна небольшая программа Figma font installer (установщик шрифтов). Шрифты Google Fonts уже встроены в Figma, их скачивать не требуется.

Русской версии интерфейса у Figma нет: пункты меню ниже по-английски, перевод в скобках. Горячие клавиши указаны для Windows, на Mac вместо Ctrl нажимайте Cmd.

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

В любом проекте сразу доступна библиотека Google Fonts: бесплатные гарнитуры, среди них популярные в дизайне интерфейсов Roboto, Inter и Montserrat, многие с кириллицей. Если нужный шрифт оттуда, ничего добавлять не нужно: выделите текст и наберите название в поле шрифта. Скачивать шрифт с сайта Google Fonts имеет смысл, только если он нужен ещё в Photoshop или Word.

Где скачать шрифт и какой формат подходит

Для установки нужны файлы .ttf или .otf. Веб-шрифты WOFF и WOFF2 сделаны для сайтов, в систему их не ставят. Если шрифт пришёл архивом ZIP, сначала распакуйте его: в Windows кликните правой кнопкой и выберите «Извлечь все» (Extract All), на Mac архив распаковывается двойным щелчком.

Бесплатные шрифты для установки берут на Font Squirrel и DaFont, платные на MyFonts и в магазинах шрифтовых студий. Перед скачиванием проверьте две вещи:

• есть ли кириллица: смотрите список языков или набор символов на странице шрифта;
• что разрешает лицензия: на сайтах-каталогах часто стоит пометка Free for personal use (бесплатно для личного использования), в коммерческом проекте, например в логотипе или фирменном стиле для клиента, такой использовать нельзя.

Скачивайте все нужные начертания: Regular, Bold, Italic и другие. Если в папке только Regular, в списке начертаний Figma будет один Regular.

Как установить шрифт на компьютер

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

Windows 10 и 11

1. Перейдите в папку с файлом шрифта (обычно это «Загрузки»).
2. Дважды кликните по файлу .ttf или .otf, в окне просмотра нажмите кнопку «Установить» (Install).
3. Чтобы поставить сразу несколько шрифтов, выделите файлы, кликните правой кнопкой и выберите «Установить» (Install).
4. Чтобы шрифт был доступен всем учётным записям компьютера, в том же меню выберите «Установить для всех пользователей» (Install for all users). Если в коротком меню Windows 11 такого пункта нет, откройте «Показать дополнительные параметры» (Show more options).

macOS

1. Дважды кликните по файлу шрифта в Finder.
2. Откроется приложение «Шрифты» (Font Book), нажмите «Установить» (Install).
3. Если шрифт не появился или ведёт себя странно, проверьте его через «Файл > Проверить выбранный» (File > Validate Font). Повреждённый файл скачайте заново, лишнюю копию дубликата удалите.

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

Веб-версии Figma браузер не даёт доступ к шрифтам на компьютере. Эту задачу решает Font installer: программа FigmaAgent работает в фоне, автоматически находит установленные шрифты, включая системные, и передаёт их список сайту figma.com. Связь идёт только внутри вашего компьютера, наружу программа не открыта.

1. Зайдите на figma.com/downloads и скачайте Font installer для своей системы.
2. Установите его как обычную программу. Отдельно запускать не нужно, агент стартует сам.
3. Обновите вкладку с Figma (F5 или Ctrl+R).
4. Chrome начиная с версии 142 спросит разрешение на связь с программой на устройстве. Нажмите «Разрешить» (Allow). Если запрос закрыли, кликните по иконке «Сведения о сайте» слева от адреса, выберите «Настройки сайта» (Site settings) и включите «Разрешить» у пункта «Доступ к локальной сети» (Local network access), а в Chrome 145 и новее у пункта Apps on device.

После обновления Chrome до 145 разрешение, выданное под старым названием, придётся дать заново. Если отказать, локальные шрифты в списке не появятся, а проверка орфографии на некоторых языках будет работать хуже.

Работает ли связь с FigmaAgent, видно в самой Figma: главное меню > Preferences > Permissions and helpers (настройки > разрешения и помощники). Статус Blocked или Not connected значит, что агент не запущен или браузер его блокирует.

Figma работает в Chrome, Firefox, Safari и Edge, а путь с разрешением выше описан для Chrome. Если в другом браузере шрифты так и не появились, проще установить десктопное приложение: мы бы так и сделали с самого начала, в нём ни разрешений, ни отдельной программы не требуется.

Как добавить шрифт в десктопное приложение Figma

Font installer входит в состав десктопного приложения, устанавливать его отдельно не надо. Если шрифт после перезапуска так и не появился, проверьте связь с установщиком там же, где и в браузере: Preferences > Permissions and helpers.

Как найти новый шрифт и применить его к тексту

1. В файле проекта выберите инструмент «Текст» (Text, клавиша T) или выделите готовую надпись.
2. На правой панели в разделе Typography (типографика) кликните по названию текущего шрифта.
3. Начните вводить название шрифта в строке поиска. Чтобы видеть только свои шрифты, в выпадающем фильтре выберите Installed by you (установленные вами).
4. Начертание (Regular, Bold и т. д.) и размер задаются в соседних полях.

Если шрифт нужен во всём дизайне, создайте из него текстовый стиль (Text style): потом гарнитура меняется в одном месте, а не в каждом текстовом блоке.

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

Локальный шрифт виден только на вашем компьютере. Коллега без такого же шрифта откроет файл и получит предупреждение Missing fonts (недостающие шрифты).

Загрузить шрифт в аккаунт можно на тарифах Organization и Enterprise. На Starter и Professional такой возможности нет, там каждый устанавливает шрифт себе сам.

• Для всей организации шрифты загружает её администратор: в файловом менеджере Admin > Resources > Fonts (администрирование > ресурсы > шрифты), кнопка добавления шрифта, выбор файлов, подтверждение прав на шрифт, Upload (загрузить).
• Для одной команды это делает администратор команды: меню рядом с названием команды > View settings > View team’s fonts > Upload fonts.

Загружаются только .ttf и .otf. Такие шрифты появляются у всех участников без установки, в том числе на Linux и Chromebook.

Adobe Fonts в Figma

Шрифты из подписки Adobe Creative Cloud работают в Figma так же, как локальные. Активируйте шрифт в Adobe Fonts через приложение Creative Cloud, затем обновите вкладку или перезапустите Figma. В браузере для этого тоже нужен Font installer, в десктопном приложении он уже есть.

Adobe отключает шрифты, если приложениями долго не пользоваться. Пропал Adobe-шрифт: зайдите в Creative Cloud, убедитесь, что шрифт активен, затем перезапустите Creative Cloud, Figma и компьютер.

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

Шрифт установлен, а в списке Figma его нет. Проверьте по порядку:

1. Figma открыта со старой вкладкой. Обновите страницу или перезапустите приложение.
2. Работаете в браузере без Font installer. Скачайте его, проверьте статус в Preferences > Permissions and helpers.
3. Браузер заблокировал связь с FigmaAgent. В «Настройках сайта» разрешите «Доступ к локальной сети» или Apps on device.
4. Скачан веб-шрифт или архив. Убедитесь, что устанавливаете распакованный файл .ttf или .otf.
5. Компьютер на Linux или ChromeOS. Локальные шрифты там не подключаются: выбирайте замену из Google Fonts или просите администратора организации загрузить шрифт.
6. Агент завис. На macOS запустите «Мониторинг системы» (Activity Monitor), найдите FigmaAgent и завершите процесс. На Windows вызовите «Диспетчер задач» (Ctrl+Shift+Esc), вкладка «Подробности» (Details), процесс figma_agent.exe, «Снять задачу» (End task). Затем запустите десктопное приложение или заново Font installer: агент поднимется сам.
7. Не помогло ничего из перечисленного. В Windows переустановите шрифт через «Установить для всех пользователей» и перезапустите Figma.

Не удаляйте Font installer ради переустановки без нужды: пока его нет, пропадают и локальные шрифты, и Adobe Fonts.

Если в чужом файле нет шрифта

Когда в проекте использован шрифт, которого у вас нет, в левой панели появляется иконка Missing fonts, а у выделенного текста такая же иконка рядом с названием шрифта справа. Кликните по иконке слева, откроется окно со списком недостающих шрифтов и слоёв, где они стоят.

Есть два пути: установить такой же шрифт или заменить. Для замены в колонке Replacement (замена) выберите гарнитуру и начертание, затем нажмите Replace fonts (заменить шрифты). Замена применится ко всему файлу и для всех участников, поэтому в общем проекте сначала спросите автора.

Отдаёте дизайн разработчику в SVG, а у него нет вашего шрифта? Включите при экспорте Outline text (текст в кривые), подробнее в статье как сохранить в Фигме.

Частые вопросы про шрифты в Figma

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

Дважды кликните по файлу шрифта, в приложении «Шрифты» нажмите «Установить», затем перезапустите Figma. В браузере на Mac дополнительно нужен Font installer с figma.com/downloads.

Как загрузить свой шрифт в фигму онлайн, без установки на компьютер?

Для одного пользователя такого способа нет: шрифт сначала нужно установить в систему. Загрузить шрифт для работы над дизайном прямо в Figma могут только администраторы на тарифах Organization и Enterprise. Отдельная загрузка WOFF в Figma Sites нужна только для публикации сайта.

Можно ли добавить шрифт в фигму на айпаде?

Нет. Установщик шрифтов выпускается только для Windows и macOS, а на планшете файлы основного редактора Figma Design открываются только для просмотра, править в них текст не получится.

Как удалить шрифт из Figma?

Удалите его из системы: в Windows через «Параметры > Персонализация > Шрифты» (Settings > Personalization > Fonts), на Mac в приложении «Шрифты». После перезапуска Figma он исчезнет из списка, а в файлах, где он использован, появится предупреждение Missing fonts.

Как подключить свой шрифт к сайту в Figma Sites?

На любом платном тарифе перейдите в Site settings > Fonts (настройки сайта > шрифты) и загрузите шрифт в формате .woff или .woff2. Перед этим шрифт должен появиться в списке Installed by you или среди шрифтов организации, то есть быть установлен как TTF или OTF. Права на использование шрифта на опубликованном сайте проверьте по его лицензии.