Как в фигме поменять пиксели на миллиметры

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

Зачем переводить пиксели в миллиметры?

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

Как Figma работает с единицами измерения

Figma — это векторный графический редактор, ориентированный в первую очередь на цифровой дизайн. Все измерения внутри интерфейса отображаются в пикселях (px), независимо от масштаба просмотра. Это означает, что вы не найдёте переключателя «px → mm» в настройках слоя или панели свойств.
Однако Figma оперирует физическими принципами масштабирования. Когда вы увеличиваете или уменьшаете холст, координаты и размеры объектов остаются в пикселях, но вы можете условно считать, что 100 px = 26.46 мм, если использовать соотношение 1 мм = 3.78 px. Это не меняет внутреннюю систему Figma, но позволяет вам проектировать с учётом реальных размеров.

• Figma не поддерживает миллиметры как основную единицу измерения.
• Все значения в Inspector (панели справа) отображаются только в пикселях.
• Масштабирование холста не влияет на числовые значения — они остаются абсолютными.
• Точность достигается через математические преобразования и использование плагинов.

Как перевести пиксели в миллиметры: формула

Чтобы рассчитать, сколько миллиметров соответствует заданному количеству пикселей, используйте следующее соотношение:

Например:

• 10 мм × 3.78 = 37.8 px
• 50 px ÷ 3.78 ≈ 13.23 мм
• 210 мм (ширина A4) × 3.78 = 793.8 px

Это значение основано на стандартном разрешении экрана 96 DPI (dots per inch), которое Figma использует по умолчанию.

Как настроить работу в миллиметрах: пошаговая инструкция

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

1. Определите масштаб проекта. Решите, будете ли вы работать в натуральную величину (1:1) или с масштабированием (например, 1:2). Для большинства задач рекомендуется 1:1.
2. Рассчитайте размеры в пикселях. Переведите все нужные размеры из миллиметров в пиксели по формуле: мм × 3.78. Например, карточка 85×55 мм будет 321.3×207.9 px.
3. Создайте артборд нужного размера. В Figma добавьте новый фрейм с рассчитанными пиксельными значениями. Используйте точность до одного знака после запятой.
4. Настройте сетку. Включите сетку (Layout Grids) и установите шаг в 3.78 px — это будет соответствовать 1 мм. Так вы сможете легко выравнивать объекты по миллиметрам.
5. Добавьте гайды. Вручную разместите вертикальные и горизонтальные направляющие через каждые 3.78 px, чтобы визуально видеть миллиметровую разметку.
6. Используйте аннотации. Добавьте текстовые блоки с подписями вроде «10 мм», чтобы коллеги понимали, что имеется в виду.

Пример: создание визитки 90×50 мм

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

• Рассчитайте размеры: 90 мм × 3.78 = 340.2 px; 50 мм × 3.78 = 189 px.
• Создайте фрейм 340.2 × 189 px.
• Включите сетку с шагом 3.78 px и смещением 0.
• Установите поля (safe zone) по 5 мм = 18.9 px от краёв.
• Проверьте расстояния между элементами: например, отступ 10 мм = 37.8 px.

Теперь вся работа ведётся в условиях, максимально приближённых к реальным миллиметрам.

Полезные плагины и инструменты

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

Как установить плагин для работы с миллиметрами

1. Откройте Figma и перейдите во вкладку Plugins в правом верхнем углу.
2. Нажмите Discover plugins и введите в поиск название, например «Unit Converter».
3. Выберите плагин, прочитайте описание и нажмите Install.
4. Запустите плагин из меню Plugins → Development → Unit Converter.
5. Выделите объект — плагин покажет его размеры в мм, дюймах и других единицах.

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

Даже опытные дизайнеры допускают ошибки при переходе к работе в миллиметрах. Знание этих ловушек поможет вам сэкономить время и избежать недоразумений.

• Ошибка 1: Игнорирование DPI. Figma использует 96 DPI, но типографии работают с 300 DPI. Это не влияет на размеры в мм, но важно при экспорте. Всегда экспортируйте в PDF (Print) или SVG для сохранения пропорций.
• Ошибка 2: Округление значений. 1 мм = 3.78 px — округление до 4 px даёт погрешность 5.8%. При работе с мелкими деталями это критично. Используйте точные значения.
• Ошибка 3: Отсутствие аннотаций. Коллеги могут не понять, что 37.8 px — это 10 мм. Добавляйте текстовые пояснения.
• Ошибка 4: Неправильная сетка. Если сетка с шагом 4 px вместо 3.78, вся система смещается. Используйте точные шаги или плагины.
• Ошибка 5: Забыть про границы холста. При масштабировании легко выйти за пределы фрейма. Всегда проверяйте размеры через правую панель.

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

По его словам, ключевой подход — это стандартизация. В его студии используется внутренний Figma-шаблон, где:

• Сетка настроена на 3.78 px;
• Есть слой с гайдами каждые 10 мм;
• Добавлены текстовые блоки с обозначением единиц;
• Подключены плагины Dimensions и Unit Converter.

«Это снижает количество ошибок на 70%, — добавляет Дмитрий. — И главное — клиенты и инженеры сразу понимают, что мы говорим на одном языке».

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

Заключение

Figma не предоставляет прямого способа заменить пиксели на миллиметры, но с помощью математики, настроек сетки, гайдов и плагинов вы можете эффективно работать с физическими размерами. Ключ — в понимании соотношения 1 мм = 3.78 px и строгой дисциплине при расчётах.

• Figma использует пиксели, но вы можете имитировать миллиметры через масштаб 1 мм = 3.78 px.
• Настройте сетку, гайды и используйте плагины для визуализации.
• Никогда не округляйте значения — это вызывает погрешности.
• Экспортируйте в PDF (Print) или SVG для сохранения реальных размеров.
• Создайте шаблон для повторяющихся задач — это сэкономит время и снизит риск ошибок.