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

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

Чтобы сохранить макет из Figma в PDF, используйте встроенную функцию File → Export frames to PDF (для платных тарифов) или метод печати через браузер File → Print (универсальный способ). Для одиночных экранов подходит панель Export в свойствах слоя. Выбор инструмента зависит от количества страниц и типа вашего аккаунта.

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

Оглавление

  1. Подготовка макета к экспорту
  2. Способ 1: Массовый экспорт (File → Export frames to PDF)
  3. Способ 2: Универсальная печать (File → Print)
  4. Способ 3: Экспорт отдельных фреймов (Panel Export)
  5. Настройка качества и цвета
  6. Частые ошибки и их решения
  7. FAQ

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

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

  • Уберите лишнее: Скройте комментарии, направляющие (guides) и вспомогательные слои, которые не должны попасть в финальный документ.
  • Проверьте шрифты: Убедитесь, что все шрифты загружены. Если шрифт отсутствует, Figma заменит его на системный, что может «поехать» верстку.
  • Группировка: Если вы планируете экспортировать несколько страниц в один файл, расположите все нужные фреймы на одной странице файла Figma.

Используйте компонент Cover для первой страницы презентации. Создайте отдельный фрейм с титульным листом и поместите его первым в списке слоев — так он станет обложкой вашего PDF.

Способ 1: Массовый экспорт (File → Export frames to PDF)

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

Важно: Эта функция доступна только в платных тарифах (Professional, Organization, Education). В бесплатном плане (Starter) она недоступна.

Инструкция:

  1. Откройте страницу с нужными макетами.
  2. В верхнем меню нажмите File → Export frames to PDF.
  3. Выберите папку для сохранения и нажмите «Сохранить».

Figma автоматически создаст один PDF-файл, включив в него все видимые фреймы текущей страницы в порядке их расположения слева направо и сверху вниз.

Экспортируются только видимые фреймы. Если нужно исключить какой-то макет, временно скройте его (иконка «глаз» в панели Layers) или переместите на другую страницу.

Способ 2: Универсальная печать (File → Print)

Если у вас бесплатный аккаунт или нужно быстро сохранить весь холст, используйте функцию печати. Этот метод работает через браузер и доступен всем пользователям.

Инструкция:

  1. Откройте проект в браузере (в десктопном приложении эта функция может работать некорректно или отсутствовать).
  2. Нажмите File → Print (или Ctrl+P / Cmd+P).
  3. В открывшемся окне системной печати выберите принтер «Сохранить как PDF» (Save as PDF) или «Microsoft Print to PDF».
  4. Критически важный шаг: В дополнительных настройках печати поставьте галочку «Фон» (Background graphics). Без этого ваш цветной макет сохранится с белым фоном.
  5. Установите поля (Margins) в значение «Нет» (None), чтобы избежать белых рамок по краям.
  6. Нажмите «Сохранить».

Метод Print позволяет захватить область, выходящую за границы фреймов, если вам нужно сохранить общий вид доски (canvas) со стрелками и заметками.

Способ 3: Экспорт отдельных фреймов (Panel Export)

Подходит, если нужно отправить клиенту только один экран или сохранить конкретный элемент в высоком качестве.

Инструкция:

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

Недостаток метода: Каждый фрейм сохраняется как отдельный файл. Объединить их в один документ средствами Figma здесь нельзя.

Настройка качества и цвета

Figma использует векторный формат, поэтому понятие «разрешение» (DPI) к тексту и фигурам применяется условно, но важно для растровых изображений внутри макета.

Масштабирование (Scale)

В панели Export можно менять масштаб:

  • 1x: Стандартное качество. Идеально для просмотра на экране, отправки в мессенджеры.
  • 2x и выше: Увеличивает размер файла. Имеет смысл, если в макете есть растровые фото, которые могут потерять четкость. Для чистого вектора разницы между 1x и 2x в PDF практически нет.

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

Figma работает только в цветовом пространстве RGB.

  • Для экрана: PDF будет выглядеть идеально.
  • Для печати: Цвета могут стать тусклее при конвертации в CMYK типографией.
    • Решение: Сохраните PDF из Figma, затем откройте его в Adobe Illustrator или Acrobat Pro и конвертируйте в CMYK перед отправкой в печать.

Прозрачность

PDF поддерживает прозрачность. Если вы хотите сохранить объект без фона, убедитесь, что у родительского фрейма нет залитого фона (Fill), или используйте формат PNG, если PDF отображает прозрачность некорректно в вашем просмотрщике.

Частые ошибки и их решения

ПроблемаПричинаРешение
Белый фон вместо цветногоПри печати не включена опция фона.В диалоге печати (Ctrl+P) включите галочку Background graphics (Фон).
Обрезанные края макетаПринтер добавляет технические поля.В настройках печати выберите Margins: None (Нет).
Текст нельзя выделитьТекст экспортирован как кривые или изображения.В Figma текст обычно остается текстом. Если нет, проверьте, не применены ли к нему эффекты, превращающие его в растр.
Файл весит слишком многоВ макете вставлены тяжелые фото без сжатия.Используйте плагины для сжатия изображений (например, TinyPNG) перед вставкой в Figma.
Не все фреймы попали в PDFЧасть фреймов скрыта или находится на другой странице.Проверьте видимость слоев (иконка глаза) и убедитесь, что все фреймы на одной странице (для способа File → Export).

FAQ

Можно ли сделать ссылки в PDF кликабельными? Да. Если вы создали прототип с переходами (Interactions) в режиме Prototype, то при экспорте через File → Export frames to PDF (в платных тарифах) или некоторые плагины, интерактивные зоны могут сохраняться как активные ссылки. Стандартный метод Print ссылки не сохраняет.

Как уменьшить размер PDF файла?

  1. Удалите неиспользуемые скрытые слои перед экспортом.
  2. Сжмите растровые изображения внутри макета.
  3. Используйте онлайн-сервисы для компрессии PDF (например, ilovepdf или smallpdf) после сохранения файла.

Почему шрифты в PDF выглядят иначе? Скорее всего, шрифт не был корректно внедрен или заменен системой. Чтобы гарантировать идентичность, перед экспортом можно выделить текстовые слои и нажать Ctrl+Shift+O (Outline text), превратив текст в кривые. Внимание: после этого текст нельзя будет редактировать.

Работает ли экспорт в PDF в мобильном приложении Figma? Нет. Полноценный экспорт доступен только в десктопной программе или веб-версии на компьютере.