Как в фигме сделать 300 dpi

Фигма — это мощный инструмент для векторного дизайна, ориентированный на работу с интерактивными макетами, прототипами и UI/UX-проектами. Однако когда речь заходит о подготовке файлов к печати, пользователи часто сталкиваются с вопросом: как в Figma сделать изображение с разрешением 300 dpi? Важно понимать, что Figma работает в пикселях, а не в физических единицах измерения, таких как дюймы или миллиметры, и по умолчанию использует масштаб 1x, который соответствует примерно 72–96 ppi (пикселей на дюйм). Это стандарт для экранов, но недостаточно для качественной полиграфии, где требуется 300 dpi. Получить именно 300 dpi напрямую в интерфейсе Figma невозможно, но можно экспортировать артефакты нужного размера в пикселях, чтобы при печати они соответствовали требуемой плотности.

DPI и PPI: в чём разница и почему это важно

Многие путают термины DPI (dots per inch) и PPI (pixels per inch), хотя они относятся к разным процессам. DPI — это количество точек краски, которое печатающее устройство наносит на один дюйм бумаги. Этот параметр характеризует качество вывода на принтере. PPI — это количество пикселей на дюйм в цифровом изображении. Именно PPI определяет, насколько чётко будет выглядеть картинка при печати. Когда дизайнер говорит «сделать 300 dpi», он на самом деле имеет в виду, что изображение должно иметь 300 пикселей на дюйм.

Figma оперирует пикселями и не хранит информацию о DPI. Все слои и холсты создаются в условных единицах, где 1 пиксель = 1 точка на экране. При экспорте PNG или JPG Figma не встраивает метаданные о разрешении, поэтому программы типа Photoshop могут отображать такие файлы как 72 ppi по умолчанию. Это не означает, что изображение плохое — просто нужно правильно рассчитать его размер в пикселях.

Представьте, что вы готовите логотип для визитки размером 3,5×2 дюйма. Чтобы при печати он имел 300 ppi, вам нужно, чтобы его размер составлял 1050×600 пикселей (3,5 × 300 = 1050; 2 × 300 = 600). Если в Figma вы экспортируете изображение меньшего размера, оно будет растянуто при печати, что приведёт к потере качества.

Как правильно экспортировать из Figma для печати

Figma позволяет экспортировать слои, фреймы и группы в форматах PNG, JPG, SVG, PDF и других. Для печати чаще всего используют PNG и PDF, так как они сохраняют прозрачность и векторную графику. Ключевой момент: вы должны заранее рассчитать, какой размер в пикселях необходим для достижения 300 ppi.

Если вы знаете финальные габариты макета в дюймах или сантиметрах, переведите их в пиксели. Например, баннер шириной 8 дюймов при 300 ppi должен быть 2400 пикселей в ширину (8 × 300). Высота рассчитывается аналогично. Затем создайте в Figma фрейм именно такого размера — 2400×… пикселей — и размещайте в нём контент. При экспорте выберите опцию @1x — тогда изображение сохранится в исходном размере.

Для более гибкого подхода можно использовать множители экспорта. Figma предлагает варианты @1x, @2x, @3x. Если ваш фрейм имеет размер 800×600 пикселей, то:

• @1x → 800×600 px (~106 ppi при 7,5 дюймах)
• @2x → 1600×1200 px (~212 ppi)
• @3x → 2400×1800 px (~300 ppi при 8 дюймах)

Таким образом, если вы экспортируете @3x версию, она может подойти для печати при правильных пропорциях.

Пошаговая инструкция: экспорт 300 dpi из Figma

Шаг 1: Определите физические размеры макета

Узнайте, какого размера будет напечатанный продукт: визитка, буклет, плакат и т.д. Переведите размеры в дюймы (если указаны в см, разделите на 2,54). Например, А4 — это 8,27×11,69 дюймов.

Шаг 2: Рассчитайте пиксельные размеры

Умножьте каждый линейный размер на 300. Для А4:

• Ширина: 8,27 × 300 = 2481 px
• Высота: 11,69 × 300 = 3507 px

Округлите до целых чисел.

Шаг 3: Создайте фрейм нужного размера

В Figma создайте новый фрейм с размерами 2481×3507 пикселей. Убедитесь, что масштаб просмотра позволяет точно работать — можно временно уменьшить zoom до 25–50%.

Шаг 4: Разместите и сверстайте контент

Добавьте текст, изображения, логотипы. Используйте векторные фигуры и компоненты, чтобы избежать потери качества. Шрифты лучше оставлять как векторы (не растрировать).

Шаг 5: Настройте экспорт

Выделите фрейм, перейдите в панель экспорта (в правой боковой панели). Добавьте профиль экспорта:

1. Формат: PDF (рекомендуется) или PNG
2. Scale: @1x (так как размер уже рассчитан под 300 ppi)
3. Нажмите «Export»

Шаг 6: Проверьте результат

Откройте экспортированный файл в программе вроде Adobe Acrobat или Photoshop. В Photoshop зайдите в «Изображение → Размер изображения» и проверьте, что размер в пикселях соответствует расчётному, а разрешение — около 300 ppi.

Типичные ошибки и как их избежать

Ошибка 1: Экспорт @1x с маленького фрейма

Многие дизайнеры создают макет в размере экрана (например, 1440×1000 px) и экспортируют @1x. Такой файл при печати будет иметь слишком низкое разрешение. Решение — масштабировать фрейм под финальные размеры.

Ошибка 2: Использование @2x вместо расчёта

@2x даёт 144–192 ppi, что недостаточно для качественной печати. Не полагайтесь на множители — делайте математику.

Ошибка 3: Работа с растровыми изображениями низкого качества

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

Ошибка 4: Игнорирование цветовой модели

Figma работает в sRGB, а для печати требуется CMYK. Сама Figma не поддерживает CMYK, поэтому важно экспортировать в PDF и указать цветовое пространство в типографии. Или конвертировать файл в Photoshop/Illustrator.

Подготовка макета к печати: советы дизайнерам

Даже если вы правильно рассчитали размер, есть дополнительные шаги, которые сделают ваш макет профессиональным. Во-первых, добавьте поля под обрез (bleed) — обычно 3 мм (примерно 8–10 пикселей при 300 ppi). Это защитит от ситуации, когда при резке срезается часть изображения.

Во-вторых, соблюдайте безопасное поле (safe zone) — отступите от края обреза ещё на 3–5 мм, чтобы важные элементы (текст, логотипы) не оказались слишком близко к краю.

В-третьих, если вы работаете с брендированным материалом, используйте Pantone цвета. Хотя Figma не показывает CMYK, вы можете указать в комментариях к файлу, какие цвета Pantone используются. Типография сможет точно их воспроизвести.

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

Интервью с Дмитрием Романовым, руководителем дизайн-студии PrintLab

— Многие клиенты присылают макеты из Figma с разрешением 72 ppi. Что вы делаете в таких случаях?

— Мы сразу проверяем пиксельные размеры. Если, например, визитка 1050×600 px — это отлично, даже если в метаданных 72 ppi. Мы переназначаем разрешение в 300 ppi без ресемплинга. Но если размер 350×200 px — это катастрофа. Придётся либо отказывать, либо просить переделать.

— Какой формат вы предпочитаете получать?

— Однозначно PDF. Особенно если в нём сохранены векторы. Мы можем масштабировать без потерь, редактировать слои, проверять цвета. PNG подходит только для контрольных образцов.

— Есть ли лайфхаки для дизайнеров?

— Да. Создавайте шаблоны в Figma для частых задач: визитки, буклеты, этикетки — с правильными размерами и полями. Сохраните как template — и больше не считайте каждый раз.

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

Заключение

Figma — это инструмент для цифрового дизайна, но он вполне подходит и для подготовки материалов к печати, если понимать его ограничения. Прямая настройка DPI невозможна, но вы можете достичь нужного качества, правильно рассчитав размеры в пикселях. Ключевой принцип: 300 ppi = 300 пикселей на каждый дюйм физического размера. Создавайте фреймы нужного размера, экспортируйте в PDF или PNG @1x и проверяйте результат.

• Figma не поддерживает DPI — работайте с пикселями.
• Для 300 ppi умножайте физические размеры в дюймах на 300.
• Экспортите в PDF для сохранения векторов и лучшей совместимости.
• Добавляйте поля под обрез и безопасную зону.
• Всегда проверяйте итоговый файл в стороннем редакторе.