1 См сколько пикселей в фигме

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

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

Содержание статьи:

Почему сантиметры — не лучший выбор для цифрового дизайна
Как Figma определяет соотношение см и пикселей
Как точно перевести сантиметры в пиксели в Figma
Частые ошибки и как их избежать
Лучшие практики: работайте с пикселями
Экспертное мнение: почему дизайнеры ошибаются с единицами
Вопросы и ответы
Заключение

Почему сантиметры — не лучший выбор для цифрового дизайна

Представьте, что вы проектируете кнопку шириной 2 см. На одном экране она будет выглядеть как крупный элемент, на другом — почти неразличимой точкой. Почему? Потому что физические размеры не имеют смысла на экранах с разной плотностью пикселей (PPI). Даже если два монитора показывают одинаковый размер в сантиметрах, один может иметь 100 PPI, а другой — 300. В результате одинаковый 1 см визуально будет занимать разное количество пикселей.

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

Полезно знать: Стандартный масштаб Figma по умолчанию — 100%. При этом 1 см в интерфейсе рассчитывается как 96 пикселей, исходя из устаревшего стандартного разрешения 96 DPI, принятого в веб-дизайне ещё в 1990-х. Это не физическая реальность, а исторический компромисс.

Как Figma определяет соотношение см и пикселей

Figma использует стандартное соотношение 96 DPI (точек на дюйм) для конвертации сантиметров в пиксели. Это означает, что 1 дюйм = 96 пикселей. Поскольку 1 дюйм равен 2,54 см, то:

1 см = 96 ÷ 2,54 ≈ 37,795 пикселей

То есть, при стандартных настройках:
— 1 см ≈ 37,8 пикселей
— 2 см ≈ 75,6 пикселей
— 5 см ≈ 188,9 пикселей

Это значение не зависит от вашего монитора — Figma не «знает» физическое разрешение вашего экрана. Она просто применяет фиксированный коэффициент, чтобы отобразить сантиметры в пикселях в интерфейсе. Поэтому, если вы видите, что 1 см = 37,8 пикс, это не значит, что на вашем экране действительно 37,8 пикселей занимают 1 см физического пространства.

«Всегда помните: Figma — это инструмент для цифровых интерфейсов, а не для печати. Если вы работаете с макетом для веба, см — это лишь визуальный помощник. Настоящая единица измерения — пиксель.» — Анастасия Козлова, UX-дизайнер с 8-летним стажем, руководитель дизайн-команды в Mail.ru

Как точно перевести сантиметры в пиксели в Figma

Если вы всё же получили макет в сантиметрах (например, от маркетолога или клиента) и вам нужно перевести его в пиксели для Figma, вот пошаговая инструкция:

Откройте Figma и создайте новый файл.
Включите панель свойств (слева внизу), если она не открыта.
Создайте прямоугольник и вручную введите ширину в сантиметрах (например, 5 см).
Figma автоматически преобразует это в пиксели — вы увидите значение около 188,97 пикселей.
Запишите это значение — оно и будет вашим целевым размером в пикселях.
Для точности используйте калькулятор: см × 37,795 = пиксели.
Проверьте, что масштаб окна установлен на 100% — иначе визуальное восприятие будет искажено.

Если вы работаете с мобильными макетами, помните: iOS и Android используют свои собственные системы единиц (pt и dp), но в Figma для удобства все размеры отображаются в пикселях. Поэтому, если вы проектируете под iPhone 15 Pro (разрешение 1290×2796 пикселей), не пытайтесь переводить требования в сантиметры — задавайте размеры напрямую в пикселях или используйте предустановленные сетки.

Размер в см	Эквивалент в пикселях (при 96 DPI)	Рекомендуемое применение
0,5 см	18,9	Минимальный отступ между иконками
1 см	37,8	Ширина кнопки (в редких случаях)
2 см	75,6	Высота заголовка или карточки
5 см	188,9	Ширина блока на десктопе
10 см	377,9	Полная ширина макета для веба (редко)

Частые ошибки и как их избежать

Многие начинающие дизайнеры сталкиваются с проблемами, потому что не понимают, как работает конвертация в Figma. Вот основные ошибки:

Использование сантиметров для адаптивных макетов. Если вы задаёте высоту элемента в 2 см, а потом меняете разрешение экрана — элемент будет вести себя непредсказуемо. Решение: всегда используйте пиксели, % или фрейм-системы.
Неправильный масштаб. Если вы увеличиваете макет до 150%, Figma показывает «увеличенные» пиксели, но реальные размеры не меняются. Это вводит в заблуждение. Решение: всегда проверяйте масштаб в правом верхнем углу — он должен быть 100% при проверке размеров.
Сравнение с реальным монитором. Вы кладёте линейку на экран и думаете: «1 см — это 37 пикселей». Но если ваш монитор имеет 144 PPI, то 1 см на нём — это уже 56 пикселей. Figma этого не учитывает. Решение: игнорируйте физические измерения на экране.
Копирование размеров из PDF или печатных макетов. Многие клиенты присылают макеты в PDF, где всё в сантиметрах. Не переводите их «на глаз» — используйте точный расчёт по формуле 1 см = 37,795 пикс.

Полезно знать: В Figma можно включить отображение размеров в разных единицах: перейдите в Settings → Units → и выберите «Pixels» как основную. Это снизит вероятность ошибок.

Лучшие практики: работайте с пикселями

Чтобы избежать всех проблем, связанных с конвертацией единиц, следуйте этим проверенным практикам:

Всегда задавайте размеры элементов в пикселях — это основная единица Figma.
Используйте компоненты и сетки на основе 8px (8px grid) — это стандарт в современном UI-дизайне.
Для мобильных интерфейсов ориентируйтесь на стандартные размеры: кнопки — не менее 44×44 пикселей (рекомендация Apple и Google).
Если клиент требует «сантиметры», объясните, что в цифровом мире это не работает. Предложите альтернативу: «Вместо 2 см — 76 пикселей, что соответствует стандартной высоте заголовка H2».
Настройте Figma под себя: в настройках (Settings → Units) выберите «Pixels» как основную единицу. Это скроет см из интерфейса и уберёт соблазн их использовать.

Для веб-дизайна: 1 пиксель в Figma = 1 CSS-пикселю. Это ключевое понимание. Если вы верно задали размеры в пикселях — разработчик получит точный, воспроизводимый результат.

Экспертное мнение: почему дизайнеры ошибаются с единицами

«Я вижу, как молодые дизайнеры, пришедшие из полиграфии, пытаются перенести опыт печати в цифру. Они говорят: „А в печати 1 см — это 1 см!“ Но экран — это не бумага. У него нет фиксированной плотности. Даже если вы работаете на одном и том же мониторе, при подключении к проектору или на ноутбуке с Retina-дисплеем всё изменится. Я всегда говорю командам: „Забудьте про сантиметры. Пиксель — ваша новая линейка.“»

— Дмитрий Романов, арт-директор студии «Digital Canvas», более 12 лет в цифровом дизайне.

Он добавляет: «После того как я внедрил внутренний стандарт „всё в пикселях, 8px grid, 100% масштаб“ — количество ошибок в разработке снизилось на 73%. Клиенты перестали спрашивать „а почему кнопка на телефоне меньше?“ — потому что мы перестали использовать см в макетах».

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

Можно ли в Figma изменить соотношение 1 см = 37,8 пикселей?

Нет. Это жёстко закодированный коэффициент, основанный на стандарте 96 DPI. Вы не можете его изменить в настройках. Но вы можете отключить отображение сантиметров вообще — выбрав «Pixels» в разделе Units.

Почему в Figma при 100% масштабе 1 см выглядит меньше, чем на реальном линейке?

Потому что Figma не учитывает физическое разрешение вашего экрана. Если ваш монитор имеет 120 PPI, то 1 см на нём — это 47,2 пикселей, а Figma показывает 37,8. Это не ошибка — это абстракция. Figma работает в цифровом пространстве, а не в физическом.

Как перевести пиксели в сантиметры, если нужно отдать макет на печать?

Используйте обратную формулу: пиксели ÷ 37,795 = см. Например, 300 пикселей = 7,94 см. Но учтите: для печати нужен другой файл (PDF, 300 DPI), а не Figma-макет.

Почему в Figma размеры в пикселях не совпадают с CSS-размерами на сайте?

В 99% случаев — потому что вы не проверили масштаб. Убедитесь, что в Figma установлен 100% масштаб, а в браузере — нет зуминга. Также проверьте, не используется ли CSS-масштабирование (transform: scale) или viewport мета-тег.

Если я работаю с Retina-экраном, нужно ли корректировать размеры?

Нет. Figma и CSS работают с «логическими пикселями». Retina-дисплей просто отображает 2×2 пикселя Figma как один логический. Вы проектируете в пикселях — браузер и ОС сами позаботятся о плотности.

Заключение

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

Сегодняшние стандарты UI/UX требуют, чтобы вы мыслили в пикселях, сетках и системах масштабирования, а не в физических метриках. Даже если клиент требует «сантиметры» — объясните, почему это невозможно, и предложите эквивалент в пикселях с обоснованием. Это повысит вашу экспертность и снизит количество доработок.

Профессиональный дизайнер не пересчитывает сантиметры — он проектирует в пикселях, знает стандарты доступности, работает с 8px grid и понимает, что цифровой интерфейс — это не печать, а динамическая среда.

В Figma 1 см = 37,8 пикселей — это условное соотношение, основанное на 96 DPI.
Физические единицы (см, дюймы) не применимы к цифровым интерфейсам — используйте только пиксели.
Всегда проверяйте масштаб Figma (должен быть 100%) при измерении размеров.
Отключите отображение сантиметров в настройках — это снизит риск ошибок.
Для печати используйте отдельный файл (PDF, 300 DPI), а не макеты из Figma.

⚠️ Дисклеймер — нажмите, чтобы развернуть

Материалы, опубликованные в разделе «Блог» на сайте RU DESIGN SHOP (rudesignshop.ru), носят исключительно информационный и ознакомительный характер и не являются руководством к действию, финансовой рекомендацией, медицинской услугой, ветеринарным назначением либо рекламой товаров и услуг, включая азартные игры. Публикации не содержат призывов к участию в азартных играх и не направлены на продвижение соответствующих операторов.

Безопасность применения товаров и веществ: при использовании строительных материалов, бытовой химии, пестицидов и агрохимикатов необходимо строго следовать инструкциям производителя и действующему законодательству Российской Федерации, включая Федеральный закон РФ от 19.07.1997 № 109-ФЗ «О безопасном обращении с пестицидами и агрохимикатами».

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

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

Возрастные ограничения: материалы, содержащие сведения о продукции категории 18+, включая алкоголь или азартные игры, предназначены исключительно для совершеннолетней аудитории и публикуются в информационных целях.

Правовая ответственность: решения, принятые на основе опубликованной информации, пользователь принимает самостоятельно и на свой риск; редакция и авторы несут ответственность в пределах, установленных законодательством Российской Федерации.

Редакция не допускает публикаций, содержащих пропаганду экстремизма, терроризма, наркотических средств или суицида; подобные материалы подлежат немедленному удалению.

Упоминание организаций с ограниченным статусом: компания Meta Platforms Inc. (социальные сети Facebook и Instagram) признана экстремистской организацией решением суда РФ, её деятельность запрещена на территории Российской Федерации; любые упоминания приводятся исключительно в информационных целях.

Авторские права и источники: информация собирается из открытых источников; её актуальность указывается на дату публикации и может изменяться.

Изображения и иллюстрации используются на условиях, разрешённых правообладателями. При возникновении претензий редакция готова оперативно рассмотреть обращение и внести необходимые изменения.

Персональные данные и cookies: сайт использует cookies и обрабатывает персональные данные пользователей в соответствии с Федеральным законом № 152-ФЗ «О персональных данных» и Политикой конфиденциальности RU DESIGN SHOP.

Мнения авторов могут не совпадать с позицией государственных органов или коммерческих организаций, упомянутых в материалах.