Какие этапы мы проходим при вайб-кодинге нового приложения

Два месяца назад мы начали использовать вайб-кодинг для создания приложений с подписками. Нам удалось эффективно выстроить рабочие процессы, и теперь мы будем делиться в канале своими идеями и находками, которые появляются в процессе работы.

При вайб-кодинге мы проходим те же этапы, что и в классической разработке, но многие из них занимают меньше времени. Некоторые этапы почти сведены к нулю, а часть работы мы делаем сразу в коде, минуя детальные документы и макеты в Figma.

▪️ Аналитика и техническое задание
Техническое задание мы всё равно составляем, но оно может быть менее детальным и полным. Иногда мы сознательно начинаем работу с менее продуманным продуктом, потому что часто быстрее реализовать идею в коде, чем долго описывать и шлифовать требования. Аналитика присутствует, но мы сознательно сокращаем часть «бумажной» работы ради скорости.

▪️ Дизайн
Классического этапа дизайна в Figma у нас, как правило, нет. Вместо этого мы создаём макеты и проектируем UX-структуру сразу в коде. По сути, это тот же кликабельный прототип, который обычно делают в Figma, только мы создаём его в виде работающего приложения. Формально этап дизайна не исчезает, он просто объединяется с разработкой и переносится в код.

▪️ Формирование функционала и прототип в коде
Мы определяем набор функций и уточняем требования: детализируем, что именно должно быть в продукте, создаём UX-макеты (по-прежнему — сразу в коде), при этом не углубляясь в сложную бизнес-логику, бэкенд и другие «серьёзные» внутренние механизмы.

Результат этого этапа — прототип, формально написанный в коде, который является реализованными в приложении «дизайн-требованиями».

▪️ Основная разработка
После того как прототип и набор функций готовы, мы приступаем к полноценной разработке. Ключевое отличие: при вайб-кодинге мы движемся скорее по линейному плану, чем по классическому гибкому (Agile) сценарию.

По времени этот этап может быть сопоставим с обычной разработкой, потому что с ростом сложности приложения его реализация в любом случае требует больше усилий.

Важный нюанс: вайб-кодинг не всегда позволяет полностью реализовать функциональность только с помощью моделей; некоторые вещи всё равно приходится дописывать вручную.

Хотите создать продукт в два раза дешевле? Мы запустили услугу по разработке с использованием инструментов вайб-кодинга. Напишите в личные сообщения СЕО @dimtsaplia, чтобы обсудить вашу идею