Как перевести фигму в сантиметры

Фигма — это популярный инструмент для проектирования интерфейсов, который используется дизайнерами по всему миру. Однако он оперирует пикселями как основной единицей измерения, что может вызывать сложности при необходимости перевода в физические размеры, такие как сантиметры. Особенно это актуально при подготовке макетов для печати, разработке упаковки или создании дизайна, привязанного к реальным габаритам. Многие пользователи задаются вопросом: как корректно перевести значения из фигмы (px) в сантиметры (см), учитывая технические и физические особенности?

Что такое Figma и почему она использует пиксели

Figma — это облачный векторный редактор, ориентированный на создание цифровых интерфейсов: сайтов, мобильных приложений, прототипов и UX-дизайна. Он работает в браузере и поддерживает совместную работу команд в реальном времени. Одной из ключевых особенностей Figma является использование пикселей (px) как базовой единицы измерения.
Пиксель — это минимальный элемент растрового изображения на экране. В отличие от физических единиц вроде миллиметров или дюймов, пиксель зависит от разрешения и плотности экрана. Именно поэтому Figma, будучи цифровым инструментом, логично использует пиксели: они обеспечивают точность при масштабировании и согласованность между устройствами.
Однако когда речь заходит о переходе от цифрового дизайна к физическому продукту — например, печатной упаковке, этикеткам или вывескам — возникает необходимость в пересчёте значений в сантиметры. Это требует понимания взаимосвязи между цифровыми и физическими измерениями.

Основы перевода пикселей в сантиметры

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

• Шаг 1: Определите PPI (пикселей на дюйм) целевого устройства или носителя.
• Шаг 2: Разделите количество пикселей на PPI, чтобы получить размер в дюймах.
• Шаг 3: Умножьте результат на 2.54, чтобы перевести дюймы в сантиметры.

Например, если у вас есть блок шириной 96 px и вы хотите узнать его размер в сантиметрах при плотности 96 PPI:

1. 96 px / 96 PPI = 1 дюйм;
2. 1 дюйм × 2.54 = 2.54 см.

Таким образом, 96 пикселей при 96 PPI равны 2.54 сантиметра.

Пошаговый алгоритм перевода

Чтобы точно перевести значения из Figma в сантиметры, следуйте этому чёткому алгоритму:

Шаг 1: Измерьте объект в Figma

Используйте инструмент измерения (Inspect) в правой панели Figma. Выберите нужный слой или группу и посмотрите его ширину и высоту в пикселях. Запишите значение.

Шаг 2: Определите целевую плотность (PPI)

Для этого нужно понять, где будет использоваться изображение:

• Веб-дизайн на экранах: обычно 96 PPI (Windows) или 72 PPI (устаревший стандарт Mac).
• Высококачественная печать: 150–300 PPI.
• Большие форматы (баннеры): 72–150 PPI в зависимости от дистанции просмотра.

Шаг 3: Примените формулу

Используйте формулу:
см = (px / PPI) × 2.54
Например, кнопка в Figma имеет высоту 48 px. Печатается на принтере с плотностью 150 PPI:

• 48 / 150 = 0.32 дюйма;
• 0.32 × 2.54 = 0.8128 см ≈ 0.81 см.

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

Убедитесь, что значение логично. Если получилось слишком маленькое или большое число — перепроверьте PPI и исходные данные.

Разница между DPI и PPI: не путайте!

Многие пользователи считают DPI и PPI синонимами, но это не так. Хотя оба термина связаны с плотностью, они применяются в разных контекстах.
DPI (dots per inch) — это количество точек на дюйм, используемое в полиграфии. Принтеры «рисуют» изображение точками чернил, и чем больше DPI, тем выше качество отпечатка. Обычно для качественной печати используют 300 DPI.
PPI (pixels per inch) — это количество пикселей на дюйм на экране. Чем выше PPI, тем чётче изображение. Например, современные смартфоны имеют PPI от 300 до 500.
При переводе из Figma важно использовать именно PPI, так как дизайн создаётся в пикселях. Однако если вы готовите файл для печати, то требования к разрешению часто указываются в DPI. В этом случае можно приравнять DPI к PPI, если речь идёт о растровом изображении.

Типичные ошибки при переводе

При конвертации пикселей в сантиметры дизайнеры часто допускают ошибки, которые приводят к несоответствию размеров в реальности.

Ошибка 1: Использование жёсткой формулы без учёта PPI

Некоторые пытаются применить универсальный коэффициент, например, «1 px = 0.026458 см». Это верно только для 96 PPI. На других устройствах результат будет неверным.

Ошибка 2: Перепутаны DPI и PPI

Смешивание этих понятий приводит к неправильному выбору плотности. Например, использование 72 PPI для печати даст очень низкое качество.

Ошибка 3: Неверная интерпретация векторных объектов

В Figma много элементов векторные, но при экспорте в PNG или JPEG они растрируются. Если не задать правильное разрешение, физический размер изменится.

Ошибка 4: Отсутствие тестовой печати

Дизайнеры доверяют расчётам, но не проверяют результат на практике. Всегда делайте пробную печать в натуральную величину.

• Не используйте усреднённые значения PPI без подтверждения.
• Не забывайте про масштабирование при экспорте.
• Не игнорируйте требования заказчика или типографии.

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

Хотя Figma — цифровой инструмент, его можно использовать для создания дизайна, предназначенного для печати. Вот как это сделать правильно.

Шаг 1: Создайте холст нужного размера в сантиметрах

Переведите физические размеры в пиксели, используя целевой PPI. Например, карточка 10×15 см при 300 PPI:

• 10 см = 3.937 дюйма → 3.937 × 300 = 1181 px;
• 15 см = 5.906 дюйма → 5.906 × 300 = 1772 px.

Создайте холст 1181×1772 px.

Шаг 2: Используйте плагины для помощи

В Figma есть плагины, упрощающие работу с единицами:

• Metrics — показывает размеры в разных единицах.
• Unit Converter — позволяет быстро конвертировать px в cm, mm, in.
• Print Design — добавляет сетки и маркеры для печати.

Шаг 3: Экспортируйте с правильными настройками

При экспорте выберите:

• Формат: PDF (вектор) или PNG (растровый);
• Масштаб: 1x, если PPI учтён в размере холста;
• Цветовую модель: CMYK для печати (Figma по умолчанию использует RGB, но можно экспортировать в CMYK через внешние инструменты).

Шаг 4: Проверьте в программе для печати

Откройте файл в Adobe Illustrator или InDesign, установите правильные настройки документа и убедитесь, что размеры соответствуют заявленным.

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

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

• Перевод пикселей в сантиметры — это не просто математика, а часть процесса проектирования. Ошибки здесь могут стоить дорого, особенно в производстве.
• Не существует универсального «конвертера», который подойдёт для всех случаев. Каждый проект требует индивидуального подхода.
• Ключевой принцип: знайте свой носитель. Экран, бумага, ткань — всё имеет разные характеристики плотности и восприятия.

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

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

Заключение

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

• Figma использует пиксели (px), поэтому перевод в сантиметры требует расчёта.
• Для перевода нужен параметр PPI (пикселей на дюйм).
• Формула: см = (px / PPI) × 2.54.
• Для печати чаще всего используется 300 PPI.
• Используйте плагины и пробную печать для проверки точности.