Передача макетов в разработку

Хэндофф — это не момент, когда дизайнер скидывает ссылку на Figma и уходит. Это процесс передачи понимания, а не просто файлов.

Что разработчик ожидает получить

Не красивую картинку. А ответы на вопросы, которые возникнут в процессе вёрстки:

• Как ведёт себя компонент в разных состояниях?
• Что происходит при длинном тексте или пустом состоянии?
• Какие отступы — фиксированные или адаптивные?
• Это новый компонент или уже есть в дизайн-системе?

Если дизайнер не ответил на эти вопросы заранее — разработчик ответит сам. Не всегда правильно.

Минимальный чеклист перед передачей

Состояния компонентов Дефолт, hover, active, disabled, error, empty state — все состояния должны быть в макете. Если состояния нет — разработчик придумает его сам.

Адаптив Хотя бы два брейкпоинта: мобильный и десктоп. Что схлопывается, что скрывается, что перестраивается.

Отступы и размеры Figma Dev Mode показывает отступы автоматически, но убедись, что они консистентны и соответствуют сетке.

Интерактивность Если есть анимация или переход — опиши: что движется, за сколько миллисекунд, какой easing.

Как провести хэндофф-встречу

Не «вот макет, вопросы?». А walk-through: дизайнер проходит по экранам и объясняет логику вслух. Разработчик задаёт вопросы по ходу. Всё нетривиальное фиксируется комментарием прямо в Figma.

15 минут такой встречи экономят часы уточнений в чате.

После передачи

Оставайся доступным. Вопросы будут — особенно в первый день вёрстки. Быстрый ответ на «как здесь быть?» дешевле, чем разбирать последствия угаданного решения.