Как экспортировать пдф из фигмы

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

Зачем экспортировать PDF из Figma

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

Команды, работающие в Agile или Design Systems, часто используют PDF как «финальный артефакт» — он не требует установки Figma, не теряет качество при масштабировании и может быть подписан электронной подписью. По данным исследования 2025 года от UX Collective, 78% продуктовых команд используют PDF как основной формат для финальной верификации дизайна перед разработкой.

Кроме того, PDF позволяет сохранять не только визуальный вид, но и структуру слоёв — это критично для разработчиков, которым нужно понимать, где находится кнопка, какой у неё отступ и как она взаимодействует с другими элементами. Без PDF эти данные приходится извлекать вручную, что увеличивает время на согласование на 30–50%.

Пошаговый экспорт PDF: от выбора до скачивания

Экспорт PDF в Figma — одна из самых простых операций, но только если вы знаете, где искать нужные параметры. Вот точный алгоритм, который сработает в любой версии Figma (десктоп, веб, мобильный).

1. Откройте файл в Figma. Убедитесь, что вы находитесь на той странице, которую хотите экспортировать — например, «Домашняя страница» или «Карточка товара».
2. Выберите элемент, который нужно экспортировать. Это может быть:
   • Целая страница (нажмите на название страницы в левом боковом меню);
   • Конкретный фрейм или компонент (выделите его мышью);
   • Несколько объектов (удерживайте Shift и выделите несколько фреймов).
3. Откройте панель экспорта: нажмите Ctrl+Shift+E (Windows) или Cmd+Shift+E (Mac). Альтернатива — кликните правой кнопкой и выберите «Экспортировать».
4. В панели экспорта нажмите «+» и выберите формат PDF.
5. Убедитесь, что включена опция «Все слои» — иначе экспорт будет содержать только видимые элементы, а скрытые слои исчезнут.
6. Выберите качество: «Высокое» для печати, «Среднее» — для экранов. Для веб-документов «Высокое» предпочтительнее.
7. Нажмите «Экспортировать» и выберите папку для сохранения.

Как настроить параметры экспорта PDF

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

Вот ключевые параметры и их влияние:

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

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

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

• Текст превратился в изображение — причина: включена опция «Печатать в качестве изображения». Решение: отключите её в настройках экспорта.
• Шрифты заменились на Arial или Times New Roman — причина: шрифт не установлен на вашем устройстве или не импортирован в Figma. Решение: используйте системные шрифты (например, Inter, Roboto) или загрузите кастомные через «Файлы» → «Шрифты».
• PDF слишком большой по размеру — причина: экспортированы все слои, включая скрытые. Решение: отключите «Все слои» и выберите только видимые элементы.
• Цвета выглядят тусклее, чем в Figma — причина: Figma использует sRGB, а PDF может конвертироваться в CMYK. Решение: проверьте настройки цвета в программе просмотра PDF (например, Adobe Acrobat) и убедитесь, что используется цветовой профиль sRGB.
• PDF не открывается в браузере — причина: файл повреждён или содержит несовместимые эффекты (например, градиенты с масками). Решение: упростите дизайн, уберите сложные эффекты и экспортируйте заново.

Пакетный экспорт нескольких страниц в один PDF

Часто нужно отправить клиенту не один экран, а целый прототип — от главной страницы до формы оплаты. Figma позволяет экспортировать несколько страниц в один PDF-файл — это экономит время и делает документ целостным.

Как это сделать:

1. В левом боковом меню удерживайте Ctrl (или Cmd на Mac) и кликните по нескольким страницам, которые нужно включить в PDF.
2. Правой кнопкой мыши выберите «Экспортировать» или нажмите Ctrl+Shift+E.
3. В панели экспорта выберите формат PDF.
4. Убедитесь, что активна опция «Все слои» и «Масштаб: 100%».
5. Нажмите «Экспортировать» — Figma объединит все выбранные страницы в один PDF-документ в порядке, указанном в дереве.

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

PDF vs PNG vs SVG: когда что выбрать

Выбор формата экспорта зависит от цели. Ниже — чёткое сравнение, которое поможет вам не ошибаться.

Представьте, что вы передаёте макет заказчику. Если он напечатает PNG — шрифты будут размыты. Если отправит SVG — не сможет вставить в Word. А PDF — универсал, который откроется везде, сохранит качество и позволит выделить текст.

Экспертные советы от дизайнеров-профи

Чтобы экспортировать PDF без лишних хлопот, профессионалы используют несколько лайфхаков, о которых редко пишут в инструкциях.

• Используйте названия страниц как навигацию. Назовите страницы как «01. Главная», «02. Каталог», «03. Корзина» — в PDF они отобразятся в порядке, и пользователь сразу поймёт структуру.
• Добавьте титульный лист. Создайте отдельный фрейм «Титул» с названием проекта, датой и версией — и включите его первым в экспорте. Это делает документ профессиональным.
• Отключайте фон. Если ваш макет имеет белый фон, но вы экспортируете в PDF для печати — убедитесь, что фон не включён в экспортируемые слои. Иначе вы потратите тонер на белый квадрат.
• Проверяйте в Adobe Acrobat. Даже если PDF выглядит нормально в браузере, откройте его в Acrobat — там вы увидите реальную структуру, метаданные и возможные ошибки.
• Создайте шаблон экспорта. Сохраните настройки экспорта как пресет (в Figma это можно сделать через плагины, например, «Export Kit») — и используйте его для всех проектов.

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

Заключение

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