Как в фигме подготовить макет к печати

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

Базовые требования к макетам для печати

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

Основные параметры, обязательные для любого макета под печать:

• Разрешение — 300 DPI для высококачественной печати;
• Цветовая модель — CMYK (Cyan, Magenta, Yellow, Key/Black);
• Вылеты (Bleed) — минимум 3 мм со всех сторон;
• Безопасное поле — отступы от края обрезки для текста и логотипов;
• Формат экспорта — PDF/X-4 или PDF/X-1a.

Figma по умолчанию работает в sRGB и использует пиксели, поэтому напрямую задать DPI или CMYK нельзя. Это ключевая сложность. Но её можно обойти через правильный расчёт размеров и последующую конвертацию в специализированных программах, таких как Adobe Acrobat или Affinity Publisher.

Как перевести миллиметры в пиксели для 300 DPI

Для корректного отображения физических размеров используйте формулу:

1. Определите размер изделия, например, визитка 90×50 мм.
2. Умножьте каждый размер на 11.81 (300 DPI / 25.4 мм в дюйме).
3. Получите: 90 × 11.81 = 1063 px; 50 × 11.81 = 590 px.
4. Создайте фрейм 1063×590 пикселей.

Такой холст будет соответствовать реальному размеру при 300 DPI, если его экспортировать без масштабирования.

Настройка документа в Figma: единицы измерения, цвет и холст

Первый шаг — создание корректного рабочего пространства. Хотя Figma не позволяет выбрать единицы измерения «мм», вы можете визуализировать их через сетку и ручной расчёт.

Начните с создания фрейма нужного размера в пикселях, как показано выше. Затем настройте вспомогательные элементы:

• Включите сетку: в правой панели выберите «Layout Grids» → «Grid» → установите шаг 11.81 px (это 1 мм при 300 DPI).
• Добавьте направляющие на расстоянии 35.43 px (3 мм) от каждого края — это зона вылета.
• Создайте внутренний прямоугольник с отступом 6 мм от края — это безопасное поле для текста.

Цветовая модель остаётся sRGB, но важно помнить: все цвета, выбранные в Figma, будут восприниматься как RGB при экспорте. Для точного попадания в CMYK лучше использовать Pantone или проверенные CMYK-значения, а затем корректировать их в программе допечатной подготовки.

Пример настройки фрейма для буклета А5

А5 — 148×210 мм. Переводим в пиксели:

• 148 × 11.81 = 1748 px
• 210 × 11.81 = 2480 px

Создайте фрейм 1748×2480 px. Добавьте внешние направляющие на 35.43 px — это граница вылета. Внутренние направляющие — на 70.86 px от края — обозначают безопасное поле. Всё, что находится между внешними и внутренними направляющими, может быть обрезано — там не должно быть критичного контента.

Подготовка дизайна: шрифты, изображения, границы

Дизайн в Figma должен учитывать ограничения печати. Шрифты, изображения и объекты требуют особого подхода.

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

• Используйте системные или распространённые шрифты (например, Helvetica, PT Sans, Roboto);
• Если используется кастомный шрифт — убедитесь, что он загружен в Figma и активен;
• Не применяйте слишком мелкий шрифт: меньше 6 pt может плохо читаться при печати.

Изображения — самая частая причина проблем. Все картинки должны быть с разрешением не ниже 300 DPI в финальном масштабе. Если вы вставили изображение 1000×1000 px в блок 200×200 px, оно будет с запасом. Но если растянуть 500×500 px на 1000×1000 px — качество упадёт.

Проверка изображений на соответствие DPI

Чтобы убедиться, что изображение подходит:

1. Определите его физический размер в макете (например, 100×100 мм).
2. Рассчитайте минимальное разрешение: 100 × 11.81 = 1181 px.
3. Правой кнопкой по изображению → «Open in browser» → проверьте оригинальные размеры.
4. Если оригинал меньше 1181×1181 px — замените.

Границы и тонкие линии также требуют внимания. Линии толщиной менее 0.3 pt могут не пропечататься или выглядеть прерывисто. В Figma 1 px ≈ 0.26 pt при 300 DPI, значит, линия должна быть не тоньше 1.2 px.

Экспорт в PDF: формат, настройки, проверка

Экспорт — финальный и самый ответственный этап. Figma позволяет экспортировать фреймы в PNG, JPG и PDF. Только PDF подходит для печати.

Чтобы экспортировать правильно:

1. Выделите фрейм с макетом.
2. В правой панели найдите раздел «Export».
3. Выберите формат «PDF».
4. Установите масштаб 1x (это гарантирует, что размеры останутся 100%).
5. Нажмите «Export».

Полученный PDF — это RGB-файл без вылетов и CMYK. Его нельзя отправлять в типографию напрямую.

Конвертация PDF в печатный стандарт

Для этого используйте одну из программ:

• Adobe Acrobat Pro: откройте PDF → «Print Production» → «Convert Colors» → выберите CMYK профиль (например, ISO Coated v2).
• Affinity Publisher: импортируйте PDF, задайте вылеты, экспортируйте как PDF/X-4.
• Online-сервисы: Zamzar, CloudConvert (менее надёжны, могут искажать шрифты).

Распространённые ошибки и как их избежать

Даже опытные дизайнеры допускают ошибки при подготовке макетов из Figma. Вот самые частые:

• Отправка RGB-файла в типографию. Цвета на бумаге будут отличаться. Решение: всегда конвертируйте в CMYK.
• Отсутствие вылетов. Белые края после обрезки. Решение: добавляйте 3 мм вылета и продлевайте фон.
• Мелкий текст и тонкие линии. Не читаются или теряются. Решение: минимум 6 pt для текста, 1.2 px для линий.
• Низкое разрешение изображений. Размытость. Решение: проверяйте оригиналы перед вставкой.
• Использование прозрачности и эффектов. Некоторые эффекты (например, Gaussian Blur) могут некорректно экспортироваться. Решение: сводите к минимуму или заменяйте векторными аналогами.

Экспертное мнение

«Figma — отличный инструмент для прототипирования печатных продуктов, но не для допечатной подготовки. Я рекомендую использовать её на стадии согласования дизайна, а финальную сборку делать в InDesign. Так вы сохраните контроль над цветом, шрифтами и вылетами. Да, это лишний шаг, но он окупается качеством. Особенно важно это для брендированных материалов — логотипы, фирменные цвета, упаковка.»

— Екатерина Смирнова, арт-директор студии BrandForm, 15 лет в дизайне

Она также отмечает, что некоторые современные типографии принимают Figma-файлы, но только если они сопровождаются подробным брифом и цветовыми образцами. «Автоматизация движется вперёд, но человеческий контроль пока незаменим», — добавляет она.

Вопросы и ответы

Заключение

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

• Figma не поддерживает CMYK и DPI — настройки задаются косвенно через размеры.
• Всегда добавляйте вылеты (минимум 3 мм) и соблюдайте безопасное поле.
• Экспортируйте в PDF, но конвертируйте в CMYK и PDF/X с помощью специализированных программ.
• Проверяйте разрешение изображений и минимальную толщину линий.
• Финальный контроль — в Acrobat или InDesign, а не в Figma.