2026: матрица доставки дизайна — Figma Dev Mode, аннотированные слайсы PNG (пиксельная сетка, целочисленный масштаб, sRGB) и чеклист батча на удалённом Mac M4

Разделите роли: дизайнер фиксирует намерение (сетка, масштабы, имена), оператор или скрипт на M4 доказывает совпадение байтов и метаданных с README задания. Так вы избегаете споров «у меня в браузере ровно» без измеримых гейтов.

Таблица параметров экспорта

Используйте строки как контракт в тикете: отклонение от любой ячейки без записи в changelog считается дефектом поставки.

Если продукт требует и вектор, и растр, публикуйте оба артефакта с одним semver в имени пакета — иначе QA на M4 не сможет сопоставить регрессию.

Чеклист пакетной приёмки

Выполняйте пункты по порядку на удалённом Mac mini M4 (или другом закреплённом воркере Apple Silicon), чтобы среда совпадала с продовым превью Safari/Chrome на macOS.

• Целочисленный масштаб: для каждого файла вычислить ожидаемые W = W_base × k, H = H_base × k, где k ∈ {1,2,3}; фактические размеры — ±0 px (не «±1 из-за ретины»).
• sRGB: выборочно проверить встроенный профиль или отсутствие тега с явным sRGB в дизайне — правила те же, что в чеклисте цветового менеджмента; любой внезапный Display P3 в батче — стоп-кран до разбора ICC.
• Именование слайсов: regexp на шаблон репозитория, запрет пробелов и кириллицы в путях npm; суффикс масштаба согласован с папкой (drawable-xxhdpi и т.д. — в маппинг-таблице, не в имени файла при конфликте).
• Альфа: для иконок с прозрачностью — канал rgba и визуальная проверка на тёмном и светлом фоне (полосы по краям).
• Байтовые гейты: min_bytes отсекает пустые/битые файлы; max_bytes ловит 16-bit или несжатые выгрузки; пороги приложить к заданию.
• Лог и промоут: JSONL-строка на файл (путь, WxH, байты, pass/fail); пройденные файлы — атомарный mv в out/ГГГГ-ММ-ДД/, провал — в quarantine/ с stderr.

# Пример: сверка ширины/высоты с ожиданием (zsh, ImageMagick)
expect_w=48 expect_h=48
for f in inbox/*.png(N); do
  read w h <<<$(magick identify -format "%w %h" "$f")
  [[ "$w" == "$expect_w" && "$h" == "$expect_h" ]] || print "FAIL $f ${w}x${h}"
done

Такой батч хорошо сочетается с ночным прогоном на выделенном хосте: ноутбук дизайнера не простаивает на сотнях мегабайт превью, а фронтенд получает уже отфильтрованный out/.

Частые вопросы (FAQ)

Почему нельзя 1,5× или «экспорт под ширину колонки»? Дробный масштаб даёт несовпадение между Figma, браузером и нативным рендером; для маркетинга используйте отдельный артборд с целым базовым размером.

Dev Mode показывает дробные px — это баг? Часто это следствие вложенного Auto layout и зума; перед экспортом выровняйте финальный фрейм слайса к целым координатам и перепроверьте в списке слоёв.

Нужен ли ICC в каждом PNG? Договоритесь с фронтом: либо встроенный sRGB, либо последовательный «без профиля при sRGB-документе» — главное, одинаково во всём релизе, иначе визуальные регрессии на разных мониторах неизбежны.

Как не потерять аннотации при передаче только ZIP? Дублируйте ключевые числа в README_DELIVERY.md и приложите ссылку на файл Figma с версией; ZIP без текста быстро превращается в археологию.

Итог: целочисленные масштабы, жёсткая сетка, sRGB по контракту и имена слайсов по regexp дешевле на старте, чем ретушь вёрстки перед релизом. Вынесите тяжёлый батч на удалённый M4 — одна и та же команда identify/sips на воркере снимает споры о среде.

Дальнейшие шаги: удалённый Mac M4 для доставки PNG

Ознакомьтесь с главной MacPng, затем откройте аренду и покупку и тарифы и узлы — вход в личный кабинет не требуется, чтобы просмотреть планы и сравнить конфигурации. В помощи и настройке — онбординг воркера; другие матрицы доставки — в разделе Технические идеи.