Красивый дизайн - это не только инструмент, это в первую очередь умение творить.
Вот вы знаете буквы, можете красивые стихи написать?
Знаете ворд, ТЗ грамотное сможете написать? что бы прям без доп.вопросов?
1) Чтобы сделать дизайн,
- дизайнер вникает в суть проблем, задач, сценариев работы
- согласует со всеми
- правит заново и заново
- делает версии на разные разрешения
- придумывает какие бы анимации хотелось
- опять согласует
И инструмент тут не важен - фотошоп, скетч, axure и т.п.
2) далее работает верстальщик.
опять, же, используя разные инструменты (sass, pug, typescript и т.д.) делает что то, что на выходе даст только html, css, js ну и ресурсы(картинки). Вот как бы и ответ на ваш вопрос.
3) конечные разработчики это натягивают на функциональность системы. могут делать как бэкэндщики, так и фронтэндщики.
4) на конечной системе все участники смотрят что получилось, как они задумывали и вносят правки по полному циклу.
5) дальше это всё эволюционирует, новые правки, улучшения вносят по тому же сценарию
Конечно, у всех по разному процесс работы построен (дизайнер и верстак - один чел) или (верстак = фронтендер), это лишь вариант.
PS Лично мне дизайн в примере и вообще не нравится.