Как быстро собрать MVP без кода? Я протестировал 9 вайбкодинг-платформ и выбрал лучшую

Пару недель назад я решил проверить, можно ли создать рабочую платформу без единой строчки кода. Нашёл 9 сервисов, вооружился Claude и Figma — и ушёл в эксперимент.

Итак, в посте тг канала В эпоху AI я писал, что нашёл 9 сервисов для проектирования платформы без знаний кода. Сегодня коротко разберу мой опыт работы с этими сервисами. Скажу сразу: я не пытался проектировать платформу с нуля и до конца во всех 9 сервисах. Я начал с 9 и спустя пару часов остановился на одном.

Перед тем как я начал проектировать, я пошёл в Claude, т.к. по моему опыту он лучше всех пишет промпты. Мне нужен был промпт для всех no-code сервисов, чтобы они понимали, что я делаю, зачем и как.

После того как я ответил на большинство вопросов, Claude выдал мне длинный промпт-ТЗ.

Этот промпт описывал, что я буду делать, технический стек и архитектуру, но плохо описал визуальные стили. Поэтому для стилей я пошёл создавать новый промпт на базе макетов, которые я дизайнил ранее.

В начале я сделал гайдлайн для Figma Make, потому что увидел этот раздел там, затем додумался вставить этот гайдлайн везде.

Почти во всех сервисах можно вставить какой-то системный промпт или скормить дополнительные данные.

Я добавил гайдлайн как доп. инструкцию, а основной промпт с логикой, описанием первых сценариев и макетами — в чат.

Везде я указал один и тот же промпт + скриншоты макетов и код, который я достал с макетов с помощью плагина builder.

Тут важно добавить, что в первом промпте прописаны не все сценарии, а только основная структура платформы и тарифов + описаны критерии для 3 сценариев: регистрация, вход и главная страница. Дальше я шаманил во всех сервисах, чтобы эти 3 сценария работали. После этого остановился на одном решении, которое справилось лучше всех. Но ещё один оставил про запас.

Итак, 9 сервисов. Начнём с худших.

Он просто не грузится, что бы я ни делал. Больше комментариев нет.

У builder есть крутой плагин для Figma, с помощью которого можно превратить макет в код. Я добавлял этот код вместе с промптом в Builder и в другие платформы, кроме Figma Make.

Но тут та же проблема — не могу загрузить сгенерированную платформу. Однако решение есть — купить подписку. Возможно, если бы я купил, платформа заработала бы нормально. Но меня бесят сервисы, которые просят деньги наперёд за непонятно что. Я даже не могу протестировать платформу — как мне понять, подходит она мне или нет? Поэтому я пошёл дальше.

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

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

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

Но по сравнению с другими сервисами, возможность создания приложений в AI Studio не реализована полностью. Нельзя интегрировать Supabase. По сути, приложение без бэкенда. Или я не понимаю, как его подключить. AI Studio можно использовать для создания прототипа для презентаций или, возможно, исследований, но не рабочего продукта.

Вот тут уже интересно. В ответ на мой первый промпт base44 мне ответил:

А Lovable ответил:

Оказалось, что Base44 предоставляет свой бэкенд, а Lovable автоматически интегрирован с Supabase. То есть не нужно интегрировать Supabase отдельно, что удобно — не нужно платить за два сервиса. Но по какой-то причине в обоих сервисах я мог авторизоваться без подтверждения кода через почту и купить платную подписку без оплаты. А ещё дизайн не соответствовал макетам.

В общем, оба сервиса мне понравились. Скорее всего, я бы смог решить возникшие проблемы дополнительными промптами, но зачем — есть варианты получше.

После первого промпта платформа попросила предоставить доступ к Supabase, чтобы подключить бэкенд, затем попросила мои API-ключи к Яндекс Метрике и рассылке. А когда я попросил сделать страницу подписки с тарифами, платформа запросила ключи к ЮMoney.

Это и есть особенность v0 и причина, почему она лучше Lovable и Base44. Платформа просто умнее — не нужно искать, как интегрировать кассу, она сама попросит ввести ключ в текстовое поле и поведёт по шагам.

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

Дизайн, правда, тоже не соответствовал моим макетам. Но в платной версии есть возможность загрузить макеты из Figma. Если бы не Figma Make, которая заняла 1 место, я бы продолжил проектировать продукт на платформе с необычным названием v0.

У Figma Make нет своего бэкенда и разных интеграций, которые есть у v0, Base44 и Lovable. Но если у вас есть макеты дизайна приложения и описание к ним, то с Figma Make эти макеты оживут без проблем.

Киллер-фича Figma Make — это возможность копировать и вставлять макеты из Figma (это инструмент, где дизайнеры рисуют дизайн).

Собственно, всё. Этого нигде нет. Есть разные интеграции, в том числе с использованием MCP, как в Claude, например, но результат выходит так себе. А в Figma Make результат хороший. Не отличный — пока нет. Но соответствие дизайна с моими макетами — ⁓95%, тогда как в v0, Base44 и Lovable — ⁓60–70%. Для кого-то это может быть несущественно, но не для меня.

Вторая особенность — платформа такая же умная, как и v0, а может, даже умнее. Под «умностью» я имею в виду, что она меня понимает. Я пишу: «Сделай страницу X по этим макетам и с следующими критериями: …» — и она делает. Сама правит ошибки по ходу и показывает свои размышления. Иногда мне кажется, что за Figma Make сидит команда индусов и херачит моё приложение.

Стоит заметить, что и №1 среди указанных в обзоре вайбкодинг-инструментов делает ошибки. Бывают проблемы с вёрсткой, которые решаются просьбами: «Реши эту проблему и сделай нормально, как в макете». Иногда приходится просить несколько раз, но проблема всегда решается.

Из особенностей: в Figma Make нет возможности вставить системный промпт. Но если перейти в просмотр кода, там можно найти папку Guidelines. Вот сюда нужно вставить промпт с гайдами по стилям (см. «Промпт №2: Дизайн и стили»). В папке Guidelines есть шаблон, который я вместе с макетами скормил Sonnet 4.5 с просьбой сделать гайдлайн на основе макетов в формате, как в папке Guidelines.

Если у вас есть дизайн макеты и вы хотите собрать MVP быстро, рекомендую Figma Make, если макетов нет, то v0. Lovable и base44 тоже хороши как альтернатива v0.

#создание_продукта #nocode #вайбкодинг #MVP