# От наброска на бумаге до рабочего приложения: мастер-класс по использованию Lovable Источник: https://www.youtube.com/watch?v=jwbXNty5Ijs Канал: Founder Institute Опубликовано: 16.02.2026 --- В эпоху стремительного развития искусственного интеллекта создание работающего прототипа приложения (MVP) перестало быть задачей на многие месяцы и тысячи долларов. Каша Садовска, эксперт в области программного обеспечения и директор Founder Institute, провела мастер-класс, наглядно продемонстрировав, как с помощью современных ИИ-инструментов пройти путь от идеи до опубликованного продукта менее чем за полтора часа. ## 🛠️ Экосистема инструментов для быстрого прототипирования [[JUMP:08:40]] Прежде чем приступить к основной части, Каша Садовска сделала обзор актуального рынка инструментов, подчеркнув, что выбор зависит от стадии готовности идеи и технических навыков фаундера [09:06]. Она разделила инструменты на три ключевых блока: * **Идеи и интерфейсы (UI/UX):** * **Figma:** стандарт индустрии, который теперь поддерживает расширение *Make* для генерации интерфейсов по текстовым запросам. По мнению Каши, эта функция пока не идеальна и требует очень четких инструкций [09:31]. * **Uizard:** Садовска считает этот инструмент более продвинутым для создания макетов — по ее опыту, результаты здесь качественнее, чем в Figma [09:44]. * **Google Stitch:** новый инструмент от Google на базе Gemini. Он позволяет быстро генерировать целые экраны, но не поддерживает классическую правку через «drag-and-drop» — изменения вносятся только через новые промпты [10:38]. * **Полноценные MVP (Full-stack):** * **Lovable:** основной инструмент мастер-класса. Садовска характеризует его как «самый простой для нетехнических фаундеров», так как он позволяет создавать логику бэкенда и интерфейс фронтенда простым человеческим языком [12:06]. * **Bolt.new / V0:** прямые конкуренты Lovable. Bolt дает больше контроля над кодом, а V0 лучше справляется с переносом дизайна из Figma в рабочий код [12:19]. * **Масштабирование и мобильные приложения:** * **Replit:** инструмент для более продвинутой разработки. Каша отметила, что Replit недавно (26 января) запустил функцию создания нативных мобильных приложений, что пока недоступно в Lovable [12:46]. ## 📝 Секреты «VIP-промптинга»: подготовка перед кодингом [[JUMP:23:05]] Главная ошибка новичков, по словам Садовска, — сразу начинать писать в Lovable без четкого плана. Это приводит к тому, что ИИ «запутывается в своих мыслях», создает несвязанные экраны и впустую тратит кредиты [24:12]. Для подготовки Каша использует двухэтапную схему: сначала детальный промпт в «умном» чат-боте (Claude или ChatGPT), а затем перенос готовой структуры в Lovable [25:54]. Она выделила 5 критических вопросов, на которые нужно ответить ИИ-помощнику для создания качественного задания на разработку: 1. **Суть идеи в одном предложении.** В качестве примера Каша выбрала «AI-попутчик для цифровых кочевников в Польше» [26:41]. 2. **Функции, обязательные для запуска (Must-have).** Для выбранного кейса это: просмотр 4 городов, поиск коворкингов и сохранение маршрутов [30:08]. 3. **Путь пользователя (User Journey).** Нужно описать 3–5 шагов: от лендинга до бронирования через партнерские ссылки [31:13]. 4. **Стиль и дизайн.** Определение цветовой гаммы (например, светло-голубой и оранжевый для акцентов) и формы элементов [32:59]. 5. **Модель данных.** Описание того, как данные (города, цены, описания) будут храниться в базе [33:11]. ## 🏗️ Процесс сборки в Lovable: от эскиза до кода [[JUMP:37:33]] Садовска продемонстрировала уникальную возможность Lovable — создание дизайна на основе ручного наброска [38:16]. Она загрузила в сервис фотографию простого рисунка на бумаге (с сеткой из четырех карточек и «геройской» секцией), объединив её с текстовым промптом. На глазах у аудитории ИИ интерпретировал каракули и превратил их в профессиональный веб-интерфейс с закругленными углами и тенями [46:38]. В процессе сборки Каша выделила несколько функциональных особенностей интерфейса Lovable: * **Режим планирования (Plan mode):** если кнопка горит синим, ИИ сначала пишет текстовый план действий и ждет одобрения пользователя, прежде чем тратить кредиты на генерацию кода [42:08]. * **Очередь сообщений:** можно писать новые инструкции, не дожидаясь завершения текущей генерации [45:03]. * **Редактор кода:** хотя Lovable ориентирован на no-code, пользователь может вручную править текст или стили прямо в исходном коде приложения [49:30]. ## 💾 Бэкенд и мозг приложения: подключение базы данных и ИИ [[JUMP:55:50]] Когда интерфейс («фронтенд») готов, приложение остается лишь красивой картинкой. Чтобы сделать его функциональным, Садовска подключила облачную инфраструктуру Lovable Cloud [56:02]. * **База данных:** Lovable использует интеграцию с Supabase. Это позволяет хранить профили пользователей, историю чатов и таблицы сущностей без регистрации на сторонних сервисах [58:14]. * **Интеграция с LLM:** Садовска подключила модель *Gemini Flash* от Google прямо через интерфейс Lovable. Она подчеркнула, что сервис уже имеет предустановленные модели от OpenAI и Google — фаундеру не нужно создавать свои API-ключи на начальном этапе [1:00:12]. * **Системный промпт:** чтобы чат-бот не просто отвечал на вопросы, а имел выраженный «характер», Каша внедрила системную инструкцию. Она задала боту тон общения (теплый, энтузиазмом) и специфику ответов (составление пошаговых маршрутов по Польше) [1:04:46]. ## 🚀 Деплой, аналитика и экономика проекта [[JUMP:1:18:51]] Публикация проекта в Lovable происходит буквально в один клик кнопкой «Publish» [1:19:30]. Спикер отметила, что сразу после публикации можно подключить кастомный домен (через GoDaddy, Hostinger и др.) — сервис автоматически распознает провайдера и проводит верификацию [1:21:09]. Стефан, соведущий и коллега Каши по Founder Institute, затронул вопрос стоимости [04:41]. По словам Каши, работа в Lovable строится на системе кредитов: * Сборка базы приложения и интерфейса обошлась примерно в 7 кредитов [1:15:07]. * Подключение мультиязычности (Польский + Английский) стоило еще 4.4 кредита [1:18:23]. * Пользователи могут докупать пакеты кредитов (например, 100 кредитов за €30), если лимита подписки не хватает для активной доработки [1:16:14]. В конце Садовска показала встроенную панель аналитики, где в реальном времени отображалось количество посетителей мастер-класса, перешедших по ссылке на свежесозданный MVP [1:22:31]. Несмотря на ограничения (нельзя создать нативное iOS-приложение напрямую), Lovable позволяет создать PWA (прогрессивное веб-приложение), которое пользователи могут установить на главный экран смартфона [1:25:12].