Как бесить фронта и делать вид, что всё по плану

Когда я только начинала карьеру, интерфейсы рисовали в Фотошопе, а верстали на таблицах. Тогда у меня случались первые боевые столкновения с фронтендерами — из-за пикселей, шрифтов и «а почему всё поехало?». С тех пор многое изменилось: теперь у нас Фигма, автолейауты, дизайн-системы и любовь к совместной работе. Но боль, накопленная за годы — не уходит бесследно.

Этот пост — ироничная сборка вредных советов, собранных по мотивам наблюдений, историй коллег и старых ошибок, которые мы все когда-то видели (и, возможно, тихо осуждали). Читайте, улыбайтесь, кидайте своему фронту — пусть вспомнит, как хорошо, что вы так уже не работаете.

Общение с фронтами. Подписывать макеты? Делать сноски и писать пояснения прямо в Фигме — это для слабаков. Всё объясняй голосовыми в личку в Телеге, чтобы с пятого прослушивания дошло, а с восьмого забылось.

Скрин — король коммуникации. Зачем фронту Фигма? Это сложно! Лайфхак: скринь макет, а потом всё это загрузи в одну большую доску Miro, где уже лежат 2500 таких скринов. И ссылку лучше дай не на конкретный скрин, а на всю рабочую область. Фронтендер сам все найдет, там же все подписано!

Никаких автолейаутов. Все слои в Фигме группируй группами, желательно с огромной вложенностью. Названия слоёв — на русском, или пусть будет «Frame1458662». Уважай фронта: пусть у него будет квест.

Никакой скучной вёрстки. Подложка у макетов должна быть многослойной, с размытиями, тенями, эффектом стекла и ещё парой фильтров, которых нет в CSS. Пусть фронт прочувствует художественный замысел в сложных таблицах B2B интерфейсов.

Пиксельная точность — зло. Что за фетиш с этими сетками и гридами? Разбрасывай элементы свободно, как художник в потоке. Кнопка может быть 13,7 пикселя, а поле — 44,2. Живое — значит красивое!

Мобильная версия? Да потом. Сначала сделай десктоп. Адаптив — это же просто уменьшить всё в два раза, правда? Фронт справится.

Не называй вещи своими именами. Говори: «Сделай, чтобы красиво плавало», «чтобы оно не дёргалось, а летело». Пусть фронт сам догадается.

Тексты и кнопки — по наитию. Назови кнопку "ОК" или "Продолжить", а в другой версии макета — "Вперёд". Пусть фронт сам выберет, что лучше. Это же коллаборация.

Палитра — радуга. Забудь про дизайн-систему. В каждой новой фиче используй свои цвета, тени и шрифты. Фронт скучает — пора его удивить.

Фидбэк — только честный. "Ну это как-то уродски", "Я не знаю как, но должно быть по-другому", "Ты вообще интерфейсы видел?" — это мотивирует.

Сроки — философия. Сдай макет в пятницу в 23:59. Напиши: «Тут немного подправила, почти всё как было. Ты в выходные же всё равно дома, да?»

Мы, конечно, посмеялись — но вы и сами знаете: крутые продукты получаются, когда дизайнер и фронт идут не в разные стороны, а в одну. Так что давайте жить дружно, говорить понятнее, макеты сдавать вовремя — и делать классные интерфейсы вместе 💛

📬 Подписывайтесь на мой блог Лиана Семенова | Дизайн в B2B — пишу про дизайн сложных интерфейсов, боли, радости и всё, что между.