«Код из палок и... нейросетей»: Как я собрал MVP на Figma Make, получил «говнокод», но запустил продукт
Я продуктовый дизайнер. У меня есть идея, макеты и нет времени учить код. Поэтому я решил доверить разработку ИИ.
Спойлер: мой знакомый сеньор-разработчик, увидев результат, сказал, что это невозможно поддерживать. Но платформа Креатор работает, пользователи регистрируются, а бизнес-гипотезы проверяются.
В этой статье — честный разбор «вайбкодинга»: обзор 9 инструментов, боль отсутствия архитектуры и те самые промпты, которые спасут проект от превращения в цифровую свалку.
Идея
У меня появилась идея — создать платформу на базе ИИ (конечно же). Платформа для начинающих предпринимателей, которые хотят создать свой бизнес, но не разбираются в маркетинге и бизнес-процессах. ИИ-ассистент на платформе будет помогать людям понимать бизнес и выстраивать маркетинг.
Чтобы реализовать эту идею, нужно кодить платформу. Я не разработчик, но т.к. работаю продуктовым дизайнером, то могу создать дизайн макеты и подробное описание, как должна работать платформа с точки зрения пользователя.
И вот у меня на руках есть дизайн и описание чего я хочу. Что с этим делать?
Нанять разработчиков: Долго и дорого.
No-Code конструкторы вроде bubble: Быстрее, но ты упираешься в ограничения платформы и в итоге получается не быстро, геморно и не красиво.
Вайбкодить в традиционных инструментах типа Cursor, Windsurf или Claude Code, Codex.
AI no-code сервисы, которые обещают сделать приложение без знаний кода. (Lovable, Replit, v0, Figma Make…)
Я решил начать с четвёртого варианта. У меня были готовые дизайн-макеты и уверенность, что если ИИ видит кнопку, он заставит её работать.
Нашёл 9 решений для проектирования приложений по промпту:
ещё несколько сервисов, которые буду интегрировать в no-code сервисы:
Supabase — бэкенд и база данных
GitHub — хранение версий кода
Яндекс Метрика — аналитика
Яндекс Рассылки — уведомления для пользователей
Юкасса — прием платежей (в процессе она юкасса перестала работать, перешёл на робокассу)
API Gemini — «мозг» для ИИ-ассистента
9 попыток найти кнопку «Сделай хорошо»
Я протестировал 9 популярных решений. Моя задача была простой: «Вот макет, вот описание. Дай рабочее веб-приложение».
Аутсайдеры
Rork, Builder.io, Bolt, Replit: Либо не загрузились, либо требовали денег вперёд, либо сжигали бесплатные токены на первом экране. Bolt сгенерировал фронт, но проигнорировал мой дизайн. Replit был ближе, но закончился бюджет на этапе регистрации.
Середнячки
AI Studio (Google): Отлично для быстрого прототипирования логики, но это не «сборщик приложений». Бэкенд там не поднимешь.
Base44 и Lovable: Сделали 4 сценария (регистрация, вход, дашборд, подписки), всё работает... но дизайн не соответствует макетам.
Второе место
v0 от Vercel: v0 просто умнее предыдущих, она понимает что я хочу и не ждёт пока я попрошу её подключить интеграцию с кассой например, а сама просит указать ключи. Также создал 4 сценария, но дизайн не соответствует макетам.
Победитель: Figma Make
Киллер-фича для дизайнера: ты не скидываешь скриншоты, ты дизайнишь макет в фигме и просто копи-пастишь макет дизайна в Figma Make. Это был основной критерий почему я выбрал Figma Make. Ну и то что она такая же умная как v0.
Результат: Визуальное соответствие макетам ~95%. Ощущение, что там сидит команда индусов и в реальном времени верстает твой макет.
Интеграции: Легко подружился с Supabase, (бэкенд/auth) Gemini API (мозги проекта) и другими интеграциями.
Казалось бы, победа?
В следующем посте расскажу как создать MVP в Figma Make и что пошло не так.
