1) UX и представление того, что мы хотим получить. Используется для того, чтобы понять какие компоненты понадобятся, а также для того, чтобы понять какие Layouts будут в приложении.
Для накидки макетов и UX подойдет
Axure.
2) Верстка дизайна макетов.
Sketch – по моему, самый удобный из всех, с большим количеством плагинов, но правда только для мака
Figma — тоже хороший, а главно бесплатный,
Photoshop — не самый лучший вариант, но тоже можно, если любите хардкор O_o
3) Система контроля макетов. Нужна чтобы хранить все макеты в одном месте, отсортированные по типу и остальному. Также из него верстальщику сайта будет удобно смотреть необходимые параметры, типа отступов, размеров, цветов и тд
Avocode,
Zeplin
4) Верстка макетов. Подойдет HTML+CSS. Для написания стилей можно выбрать препроцессор по вкусу:
LESS,
PostCSS. Обычно объединяется с пунктом 5.
5) Скриптинг, Логика, Компоненты, Javascript и десятки бессонных ночей.
Для написания логики работы и компонентов подойдет
Nuxt.js или
React
6) Тестирование и отладка. Исправление багов. Будет хорошо если в команде есть человек, умеющий писать Unit-тесты. А еще лучше, если разработчики будут делать это сами.
Простой
