Макеты рисовались по экранам, и одна и та же кнопка выглядела по-разному на трёх страницах. Разработчик каждый раз уточнял отступы и поведение, а при добавлении нового экрана дизайн приходилось собирать заново.
Собрала библиотеку компонентов: кнопки, поля, карточки, таблицы, модальные окна — каждый со всеми состояниями: обычное, наведение, нажатие, отключено, ошибка, загрузка.
Задала сетку, шкалу отступов и типографику как переменные, чтобы правка проходила по всем экранам сразу. Описала поведение на трёх ширинах: телефон, планшет, десктоп.
Для передачи в разработку подготовила спецификацию: что жёстко, что тянется, что переносится.
Библиотека компонентов со всеми состояниями, сетка и шкала отступов в переменных, правила адаптива и спецификация для разработчика.
Новый экран собирается из готовых компонентов, а правка стиля расходится по макетам автоматически.