Как перевести цвета в cmyk в фигме

В дизайне, особенно при подготовке макетов к печати, корректная цветопередача — один из ключевых факторов успеха проекта. Цветовая модель CMYK (голубой, пурпурный, жёлтый и чёрный) является стандартом полиграфии, в отличие от RGB, используемого на экранах. Многие дизайнеры работают в Figma, которая изначально ориентирована на цифровые продукты и оперирует цветами в пространстве sRGB. Это создаёт проблему: как точно перевести цвета в CMYK в Figma, если сама платформа не поддерживает этот профиль напрямую? Отсутствие встроенной функции может привести к несоответствию цветов при печати, что особенно критично для брендбуков, упаковки и рекламных материалов.

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

Цветовые модели CMYK и RGB основаны на принципиально разных способах формирования цвета. RGB (Red, Green, Blue) — аддитивная модель, где цвета складываются из световых лучей. Чем больше яркости, тем светлее результат. Эта модель используется в экранах: мониторах, смартфонах, телевизорах. CMYK (Cyan, Magenta, Yellow, Key/Black) — субтрактивная модель, применяемая в полиграфии. Здесь цвета формируются за счёт поглощения света чернилами, нанесёнными на бумагу.

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

Если дизайнер игнорирует эту разницу, клиент может получить напечатанный продукт, цвета которого кажутся «тусклыми» по сравнению с макетом на экране. Особенно болезненно это проявляется при работе с корпоративными цветами, где даже небольшое отклонение недопустимо.

Как Figma работает с цветами: особенности системы

Figma — веб-приложение, ориентированное на UI/UX-дизайн. Все цвета в нём хранятся в формате sRGB. Даже если вы вводите HEX-код или HSL, система автоматически конвертирует его в sRGB для отображения. Figma не поддерживает управление цветовыми профилями (CMS), таких как Adobe RGB или CMYK ICC-профили. Это означает, что вы не можете задать цвет напрямую в CMYK-каналах через интерфейс.

Однако Figma позволяет создавать библиотеки стилей, включая цвета, шрифты и эффекты. Вы можете назвать цвет «Pantone 185 C» или «Logo Red – CMYK», но технически он всё равно будет представлен в sRGB. Это лишь метка, а не фактическая цветовая модель.

При этом Figma поддерживает экспорт в PDF, который теоретически может содержать CMYK-данные. Но по умолчанию экспортируемые PDF используют sRGB. Чтобы изменить это, нужно либо использовать сторонние плагины, либо обрабатывать файлы после экспорта.

Инструменты для перевода RGB в CMYK вне Figma

Поскольку Figma не выполняет конвертацию самостоятельно, дизайнер должен использовать внешние инструменты. Ниже — проверенные методы, которые применяют профессионалы.

1. Adobe Photoshop и Illustrator — золотой стандарт. Импортируйте макет из Figma как PNG или PDF, затем преобразуйте режим изображения в CMYK. Программы используют ICC-профили (например, ISO Coated v2) для точной конвертации.
2. Online-конвертеры, такие как rgb.to, cvilux.com или hexcolor16.com. Удобны для быстрой проверки, но не всегда учитывают конкретный полиграфический стандарт.
3. ColorSync (macOS) или ICC Viewer (Windows) — системные утилиты для просмотра и конвертации цветовых профилей. Полезны при настройке принтеров и проверке соответствия.
4. Специализированные программы: X-Rite Color iMatch, GMG ColorServer — используются в крупных типографиях для управления цветом на уровне предприятия.

Шаги конвертации через Photoshop

• Экспортируйте макет из Figma в PNG с разрешением 300 dpi.
• Откройте файл в Photoshop, убедитесь, что цветовой режим — sRGB.
• Перейдите в меню Изображение → Режим → CMYK.
• Выберите ICC-профиль, соответствующий вашему принтеру (например, «ISO Coated v2 (ECI)»).
• Проверьте цвета, особенно критические — логотипы, фирменные оттенки.
• При необходимости внесите корректировки вручную.

Плагины Figma: реальные решения сегодня

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

Color Picker Pro

Позволяет вводить значения CMYK вручную и конвертировать их в HEX/sRGB. Полезен на этапе проектирования: вы можете ввести требуемые CMYK-значения от клиента и сразу видеть, как они будут выглядеть на экране.

Polotno Studio

Плагин, ориентированный на дизайн для печати. Поддерживает импорт ICC-профилей и предварительный просмотр цветов в CMYK. Однако экспорт остаётся в sRGB.

Brand Colors

Позволяет загружать официальные цвета брендов, включая Pantone, RAL, CMYK и HEX. Удобно для создания единой библиотеки цветов.

Рабочий процесс с плагинами

1. Установите плагин Color Picker Pro или Brand Colors.
2. Загрузите или введите CMYK-значения, предоставленные клиентом или типографией.
3. Создайте стиль в Figma с комментарием: «CMYK: 0, 90, 80, 5».
4. Используйте этот цвет в макете, помня, что он приблизителен.
5. При сдаче проекта приложите таблицу соответствия: название цвета, HEX, RGB, CMYK.

Экспорт макетов для печати: пошаговый гайд

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

Шаг 1: Подготовка макета

• Убедитесь, что размер холста соответствует формату печати с учётом полей обрезки (обычно +3 мм).
• Используйте шрифты с лицензией на встраивание или конвертируйте их в кривые при экспорте в PDF.
• Проверьте разрешение изображений — минимум 300 dpi при реальном размере.

Шаг 2: Экспорт в PDF

• Выделите нужный фрейм или страницу.
• Нажмите «Export» → выберите формат PDF.
• Установите качество: «Vector» или «Print».
• Экспортируйте.

Шаг 3: Конвертация в CMYK

• Откройте PDF в Adobe Acrobat Pro или Illustrator.
• В Acrobat: Инструменты → Печать и производство → Преобразование цветов.
• Выберите цель: CMYK, профиль — ISO Coated v2.
• Примените преобразование ко всем объектам.
• Сохраните новый файл.

Шаг 4: Проверка и отправка

• Откройте файл в программе с поддержкой CMS (Photoshop, Illustrator).
• Проверьте критические цвета с помощью пипетки.
• Убедитесь, что нет элементов в RGB.
• Отправьте клиенту и типографии вместе с таблицей цветов.

Распространённые ошибки дизайнеров при работе с цветом

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

• Полная зависимость от экрана. Дизайнер считает, что если цвет хорошо выглядит на мониторе, он так же будет выглядеть на бумаге. Но без калиброванного дисплея и ICC-профиля это иллюзия.
• Игнорирование цветового профиля типографии. Каждая типография использует свои условия печати (бумага, краски, оборудование). Конвертация «по умолчанию» может дать неверный результат.
• Отсутствие документации цветов. Передача HEX-кода без указания CMYK или Pantone приводит к произвольной интерпретации.
• Использование чёрного текста в RGB (0,0,0). В печати рекомендуется использовать обогащённый чёрный (например, 60, 40, 40, 100), чтобы избежать серого оттенка.
• Неправильная интерпретация плагинов. Дизайнер думает, что плагин делает макет «CMYK-готовым», но на деле это только визуальная подсказка.

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

Интервью с Еленой Васильевой, руководитель отдела допечатной подготовки в типографии «ПечатьМастер»

— Мы получаем до 70% макетов из Figma. Большинство — в sRGB, без указания CMYK. Иногда клиенты прикладывают Pantone, но не указывают, какой вариант — coated или uncoated.

— Самая частая проблема — яркие синие и зелёные цвета. На экране они выглядят отлично, а в печати — тусклыми. Мы вынуждены согласовывать корректировки, что затягивает сроки.

— Что мы советуем дизайнерам:

• Всегда документируйте цвета: RGB, CMYK, Pantone.
• Используйте калиброванный монитор.
• Экспортируйте в PDF/X-4 с встроенными шрифтами и правильным цветовым профилем.
• Если работаете в Figma — делайте дополнительный шаг в Illustrator или Photoshop.

— В будущем мы ожидаем, что Figma добавит поддержку ICC-профилей, хотя это сложно из-за веб-природы платформы. Пока же — ручная обработка остаётся нормой.

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

Заключение

Figma — мощный инструмент для дизайна, но его ограничения в работе с цветом для печати требуют дополнительных шагов. Прямого перевода цветов в CMYK в Figma нет, и пока это компенсируется внешними инструментами и дисциплинированным workflow. Понимание разницы между RGB и CMYK, использование ICC-профилей и чёткая документация цветов — основа успешной передачи макета в производство.

• Figma не поддерживает CMYK напрямую — все цвета работают в sRGB.
• Для печати необходима конвертация через Photoshop, Illustrator или специализированные PDF-инструменты.
• Всегда используйте ICC-профили, соответствующие условиям печати.
• Документируйте цвета: указывайте RGB, CMYK и Pantone в сопроводительных материалах.
• Проверяйте макеты на калиброванном мониторе и согласовывайте с типографией до запуска в печать.