Экспорт дизайна из Figma в PDF: полное руководство

Иван Корнев·27.05.2026·⏱5 мин

Чтобы экспортировать макет из Figma в PDF, выделите нужные фреймы, нажмите Export на правой панели, выберите формат PDF и кликните кнопку экспорта. Для контроля качества и порядка страниц важно предварительно настроить размеры фреймов, проверить видимость слоев и выбрать правильное разрешение (DPI) в зависимости от цели: 72–150 PPI для экрана или 300 PPI для печати.

Ниже подробно разберем, как подготовить файл, избежать проблем с версткой и получить документ нужного качества.

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

Подготовка макета перед экспортом

Качество итогового PDF зависит не только от настроек экспорта, но и от организации файла.

  1. Проверьте размеры фреймов. Убедитесь, что все фреймы имеют одинаковую ширину (если это многостраничный документ) или соответствуют нужным форматам (A4, Letter). Разные размеры могут привести к скачкам масштаба при просмотре.
  2. Назовите слои понятно. Имена фреймов в Figma часто становятся заголовками страниц или именами файлов в некоторых ридерах. Используйте человеческие названия: 01_Home, 02_About, а не Frame 123.
  3. Скройте лишнее. Отключите видимость сеток (Grids), направляющих (Guides) и вспомогательных слоев, которые не должны попасть в финальный документ.
  4. Проверьте текст. Убедитесь, что шрифты не «поехали» и нет ошибок в верстке. При экспорте в PDF текст обычно остается векторным и редактируемым (если не включена растеризация), но шрифты должны быть доступны системе или внедрены.

Пошаговый экспорт: один и несколько фреймов

Экспорт одного экрана

  1. Выделите нужный фрейм на холсте.
  2. В правой панели найдите секцию Export.
  3. Нажмите +, выберите формат PDF.
  4. Нажмите кнопку Export [Имя фрейма].

Экспорт нескольких экранов в один файл

Чтобы собрать презентацию или многостраничный макет в один PDF:

  1. Выделите несколько фреймов. Можно сделать это мышью с зажатой клавишей Shift или выбрав их в панели слоев слева.

Порядок выделения важен! Первый выделенный фрейм станет первой страницей PDF. Лучше выделять их сверху вниз или использовать команду Select All (Ctrl/Cmd + A), если фреймы идут подряд.

  1. В панели Export справа убедитесь, что формат установлен в PDF.
  2. Нажмите Export N layers (где N — количество выбранных фреймов).
  3. Figma сгенерирует один PDF-файл, где каждый фрейм будет отдельной страницей.

Настройки качества: DPI, цвет и сжатие

В отличие от PNG или JPG, в Figma нет прямого ползунка «Quality» для PDF. Качество регулируется косвенно через параметры исходных изображений и назначение документа.

Разрешение (PPI/DPI)

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

  • Для экрана (презентации, email, веб): Стандартного разрешения экранов (72–144 PPI) достаточно. Файл будет легким и быстро откроется в браузере.
  • Для печати: Если в макете есть растровые фото, убедитесь, что их оригинальное разрешение высокое. Figma не «дорисует» пиксели. Для качественной печати исходники фото должны иметь 300 PPI в реальном размере.

Цветовой профиль (RGB vs CMYK)

Важно: Figma работает только в цветовом пространстве RGB. Она не умеет нативно экспортировать в CMYK.

  • Для цифрового использования: Оставьте как есть. Цвета будут яркими и корректными для мониторов и смартфонов.
  • Для типографии: Экспортированный из Figma PDF будет в RGB. Перед отправкой в печать его необходимо конвертировать в CMYK в стороннем редакторе (Adobe Acrobat Pro, Illustrator или онлайн-конвертерах), иначе цвета при печати могут стать тусклыми или исказиться.

Вектор против растра

Текст, иконки и фигуры, созданные инструментами Figma, экспортируются как векторы. Это значит, что они будут идеально четкими при любом масштабировании PDF. Проблемы с качеством возникают только у встроенных растровых картинок (JPG/PNG), если их исходное разрешение низко.

Частые ошибки при экспорте

ОшибкаПочему возникаетКак исправить
Размытый текстТекст был растрирован или использован как картинкаИспользуйте текстовые слои Figma, не конвертируйте их в картинки перед экспортом
Неправильный порядок страницХаотичное выделение фреймов мышьюВыделяйте фреймы через панель слоев (Layers) сверху вниз или используйте Cmd/Ctrl + Click в нужном порядке
Огромный размер файлаВставлены тяжелые фото без сжатияСожмите изображения перед вставкой в Figma или используйте плагины для оптимизации ассетов
Обрезанные краяЭлементы выходят за границы фрейма (Clip content выключен)Включите опцию Clip content в настройках фрейма или проверьте отступы

FAQ

Можно ли добавить номера страниц в PDF из Figma? Автоматической нумерации в Figma нет. Номера нужно добавлять вручную как текстовые элементы на каждом фрейме или использовать плагины (например, Page Numbering), которые проставляют цифры автоматически.

Как уменьшить вес PDF-файла?

  1. Сжимайте растровые изображения перед импортом в Figma.
  2. Избегайте дублирования тяжелых ассетов.
  3. После экспорта прогоните файл через сервисы сжатия PDF (например, Smallpdf или Adobe Acrobat Optimizer).

Сохраняются ли интерактивные прототипы в PDF? Нет. PDF — статичный формат. Все связи, переходы и анимации прототипа будут утрачены. Для передачи интерактива используйте ссылку на прототип Figma.

Что делать, если шрифты отображаются неправильно у клиента? При экспорте в PDF Figma пытается внедрить шрифты. Однако, если используются нестандартные шрифты, лучше перед экспортом перевести критически важные заголовки в кривые (Outline Stroke, Shift+Cmd/Ctrl+O), но учтите, что текст перестанет быть редактируемым. Для основного текста надежнее использовать веб-безопасные шрифты или стандартные системные гарнитуры.