Экспорт в PDF из Figma: кадры, страницы и порядок
Заказчику часто нужен не ссылка на файл, а обычный PDF.
Figma умеет собирать его из кадров: один кадр становится одной страницей.
Но порядок страниц и состав файла зависят от того, как устроен документ.
Два разных сценария
Первый — весь макет одним файлом.
Второй — отдельные PDF для отдельных экранов.
Это разные команды, и результат у них различается.
Весь макет одним файлом
Откройте File → Export frames to PDF.
Figma возьмёт все кадры верхнего уровня на текущей странице.
Каждый кадр станет отдельной страницей PDF.
Результат скачается одним файлом.
Что попадает в файл
Только кадры верхнего уровня.
Объекты, лежащие вне кадров, в PDF не попадут.
Скрытые кадры тоже исключаются.
Если кадр спрятан, его не будет и в документе.
Порядок страниц
Figma расставляет кадры по их положению на холсте.
Сначала верхний ряд слева направо.
Затем следующий ряд ниже.
То есть порядок задаётся геометрией, а не списком слоёв.
Что это значит на практике
Если кадры стоят на холсте хаотично, PDF получится с перепутанными страницами.
Перед экспортом выровняйте кадры: первый в верхнем левом углу, последний внизу справа.
Расстояние между рядами должно быть очевидным, чтобы не было споров о том, какой кадр выше.
Одна страница документа
Если в файле несколько страниц Figma, команда работает с текущей.
Остальные страницы в PDF не попадут.
Придётся повторить экспорт для каждой страницы и собрать файлы вручную.
О структуре страниц — в статье о страницах и секциях.
Отдельный PDF из выделения
Выберите кадр или несколько объектов.
В правой панели найдите раздел Export.
Добавьте формат PDF и нажмите кнопку экспорта.
Здесь вы получаете ровно то, что выделили, и можете задать масштаб.
Масштаб
В настройках экспорта есть множитель.
Для PDF он влияет на размер страницы.
Если нужен файл под конкретный формат, проще задать размер кадра заранее.
Прозрачность и эффекты
Figma переносит в PDF векторные объекты и растровые изображения.
Эффекты вроде теней и размытия могут отрисоваться иначе, чем на экране.
Поэтому PDF стоит открыть и просмотреть перед отправкой.
Текст
Текст остаётся текстом, если шрифт доступен.
Если шрифт недоступен, возможны подмены.
Проверьте, что в PDF нет «поехавших» строк и обрезанных слов.
Ссылки
Кликабельные ссылки в PDF из Figma не сохраняются как активные области.
Прототип с переходами в PDF не переносится.
Это документ для просмотра, а не интерактивный макет.
Чем PDF отличается от PNG
PNG даёт один кадр на файл.
PDF собирает все кадры в один документ с векторной графикой.
Для печати и для согласования PDF удобнее.
Для вставки в интерфейс — PNG или SVG.
О выгрузке ассетов — в статье об экспорте ассетов.
Как передать историю
PDF фиксирует состояние на момент экспорта.
Дальнейшие правки в него не попадут.
Если нужна история версий, её смотрят в самом файле.
Об этом — в статье об истории версий.
Практика: макет для согласования
Соберите кадры в колонку по порядку экранов.
Спрячьте кадры, которые не нужны в документе.
Откройте File → Export frames to PDF.
Проверьте число страниц и порядок.
Отправьте заказчику.
Практика: только один экран
Выделите кадр.
В разделе Export добавьте PDF.
Убедитесь, что масштаб равен единице.
Экспортируйте и проверьте, что попал именно этот кадр.
Практика: печать
Если PDF пойдёт на печать, задайте размер кадра в миллиметрах.
Проверьте, что фон не обрезан.
Оставьте поля, если принтер не умеет печатать без полей.
Где ломается
В PDF не все кадры. Часть кадров лежит на другой странице Figma или скрыта.
Страницы перепутаны. Кадры стоят на холсте не по порядку.
Файл пустой. Не было кадров верхнего уровня.
Шрифт заменился. В системе нет нужного шрифта.
Тень выглядит иначе. Эффект отрисован по-другому.
Ссылки не работают. PDF из Figma не сохраняет интерактив.
Как подготовить холст заранее
Самый надёжный способ получить предсказуемый PDF — потратить пять минут на уборку. Сведите кадры в один столбец или в аккуратную сетку с равными промежутками. Уберите с текущей страницы черновики: они ведь тоже кадры верхнего уровня и попадут в документ. Проверьте, что названия кадров отражают порядок — это не влияет на сортировку, но помогает потом сверить страницы с ожиданием.
Что делать, если страниц много
На больших проектах кадров десятки, и один PDF получается тяжёлым. Тогда макет делят на смысловые части: отдельный файл для онбординга, отдельный для основных экранов, отдельный для настроек. Так проще и отправлять, и обсуждать. Другой вариант — разложить экраны по страницам Figma и выгружать каждую отдельно, а потом слить файлы в любом просмотрщике PDF.
Как проверить файл перед отправкой
Откройте PDF и пролистайте все страницы. Проверьте обложку и последнюю страницу, потому что именно там чаще всего оказывается черновик. Увеличьте одну страницу с текстом и убедитесь, что буквы не «слиплись» и не заменились. Посмотрите, что фон доходит до краёв, а изображения не растянуты. Пять минут проверки экономят круг переписки с заказчиком.
Коротко
File → Export frames to PDF собирает все кадры верхнего уровня текущей страницы в один многостраничный файл: один кадр — одна страница. Порядок задаётся положением кадров на холсте, сверху вниз и слева направо, поэтому перед выгрузкой кадры лучше выровнять. Скрытые кадры и объекты вне кадров в файл не попадают, а страницы Figma обрабатываются по одной. Для одного экрана достаточно раздела Export в правой панели.
FAQ
Как выгрузить весь макет в один PDF?
Через File → Export frames to PDF на нужной странице.
В каком порядке идут страницы?
По расположению кадров: сверху вниз, слева направо.
Попадут ли скрытые кадры?
Нет, скрытые кадры исключаются.
Можно ли выгрузить один кадр?
Да, через раздел Export в правой панели.