Создание визиток в Figma¶
Figma — это облачная платформа для совместной работы над дизайном интерфейсов и графики, которая также широко используется для подготовки печатной продукции, включая визитные карточки. Популярность Figma в задаче «фигма визитки» обусловлена бесплатным стартовым тарифом, работой прямо в браузере без установки программ, возможностью совместного редактирования и экспорта в форматы, пригодные для типографий (PDF, SVG, PNG).
¶Общие принципы работы с визитками в Figma
Визитная карточка по стандарту имеет размер 90 × 50 мм (в России и Европе) или 89 × 51 мм (в США). При подготовке макета в Figma холст создаётся с учётом вылетов под обрез — обычно 2–3 мм с каждой стороны, то есть рабочий размер файла составляет около 96 × 56 мм при разрешении 300 DPI. В Figma физические размеры задаются в пикселях, поэтому при 300 DPI визитка 90 × 50 мм с вылетами соответствует холсту 1134 × 661 px.
Основные шаги при создании макета:
- Создание нового файла и фрейма нужного размера.
- Настройка сетки и направляющих для безопасных зон (отступ от края не менее 3–4 мм).
- Размещение текстовых блоков, логотипа и контактной информации.
- Проверка шрифтов (перевод в кривые перед сдачей в печать).
- Экспорт в PDF/X-4 или PDF/X-1a.
¶Настройка документа
При создании нового файла в Figma пользователь выбирает тип «Design file». Для визитки используется фрейм (Frame) с фиксированными размерами. В панели справа в полях W и H задаются пиксельные размеры с учётом вылетов. Рекомендуется сразу создать два фрейма: лицевую и оборотную сторону, размещённые рядом.
Для точной работы с миллиметрами можно использовать плагины, например «mm to px» или «Unit Converter», которые пересчитывают физические размеры в пиксели по заданному DPI. Альтернативный подход — создать документ с размером 1 px = 1 pt (72 DPI), а при экспорте увеличить масштаб, но этот способ менее удобен для типографий.
¶Типографика и цвет
Текст в макете визитки набирается кеглем 7–9 pt для основной информации и 10–14 pt для имени. В Figma минимальный размер текстового слоя ограничен 1 px, поэтому при работе в масштабе 300 DPI кегль задаётся в пикселях (1 pt ≈ 4,17 px при 300 DPI). Перед сдачей в печать все текстовые слои переводятся в кривые (Outline) — это исключает подмену шрифтов при открытии файла в типографии.
Цветовая модель в Figma — RGB, тогда как для офсетной печати требуется CMYK. Существует два подхода к решению этой проблемы:
- подготовка макета в RGB с последующей конвертацией в CMYK средствами типографии;
- использование плагинов (например, «CMYK Export» или «Color Style Converter»), которые переводят палитру в CMYK-эквиваленты прямо в Figma.
Для визиток с полноцветной печатью рекомендуется использовать палитру Pantone и указывать спецификацию в примечаниях к файлу.
¶Экспорт и подготовка к печати
Figma позволяет экспортировать выбранные слои и фреймы в нескольких форматах. Для типографии подходят:
| Формат | Назначение |
|---|---|
| Основной формат для офсетной и цифровой печати | |
| SVG | Векторные логотипы и иконки |
| PNG (300 DPI) | Растровые элементы с прозрачностью |
После экспорта в PDF файл проверяется в Adobe Acrobat или аналогичном просмотрщике: контролируются размеры страницы, наличие вылетов, шрифты и цветовые профили. Многие типографии принимают макеты в формате PDF/X-4 с встроенными шрифтами и вылетами 2–3 мм.
¶Плагины для работы с визитками
Для ускорения подготовки макетов в Figma существует ряд плагинов:
- mm to px — пересчёт миллиметров в пиксели по заданному DPI.
- Lorem Ipsum — генерация заполняющего текста при проектировании.
- Iconify — доступ к библиотекам иконок для оборотной стороны.
- Autoflow — построение пользовательских сценариев, если визитка является частью большего проекта.
¶Совместная работа
Одно из ключевых преимуществ Figma — совместное редактирование в реальном времени. Несколько дизайнеров могут одновременно работать над лицевой и оборотной стороной, оставлять комментарии и отслеживать изменения через историю версий. Для клиентов доступен режим просмотра без возможности редактирования, что удобно при согласовании макета.
¶Ограничения
Несмотря на широкие возможности, Figma имеет ряд ограничений в задаче подготовки визиток:
- отсутствие нативной поддержки CMYK — цветовая модель RGB по умолчанию;
- нет встроенного модуля проверки вылетов и приводочных меток;
- экспортированный PDF не всегда корректно обрабатывается типографиями, требующими PDF/X-1a;
- работа с большими растровыми изображениями ограничена производительностью браузера.
В качестве альтернатив для подготовки печатной продукции профессиональные дизайнеры часто используют Adobe Illustrator, CorelDRAW или Affinity Designer, которые поддерживают CMYK и стандарты PDF/X из коробки.
¶Источники
- Документация Figma (help.figma.com)
- ГОСТ Р 7.0.100–2018 «Библиотечное и информационное дело. Библиографическая запись»
- Руководства по подготовке макетов для типографий (printbar.ru, printbar.ru, «Печатный двор»)
- Статьи о работе с Figma для печатной продукции (habr.com, vc.ru)