Universal Import (бета): вайб-код із ZIP чи GitHub у візуальний Bubble. Це конверсія в редактор, не runtime і не Reverse

Типова ситуація: фаундер без технічного бекграунду згенерував перші екрани у v0, Lovable, Replit чи Claude. Уже є що показати першим користувачам або інвесторам. А далі стіна. Базу даних треба вести, логіку налаштовувати, продукт змінювати, а код ти не пишеш.

Bubble випустив бета-функцію Universal Import у розділі Innovation Lab. Це міст між згенерованим кодом і no-code екосистемою. Нижче розбираю, що цей інструмент робить, а чого точно не робить. Про це окремо: «Import coded app into Bubble»:.

Що таке Universal Import: конверсія, а не runtime

Найчастіша помилка: думати, що Bubble тепер хостить і запускає чужий код (React, Node тощо) у своєму рантаймі. Це не так.

Universal Import перезбирає зовнішній код і конвертує його у внутрішню модель Bubble:

1. Ви завантажуєте проєкт у форматі ZIP або окремий файл HTML. Якщо проєкт живе на GitHub, постійної синхронізації з репозиторієм немає. Ви просто завантажуєте архів через Download ZIP.
2. Bubble автоматично аналізує кодову базу і перетворює її на візуальні елементи, стилі та робочі процеси (Workflows).
3. Після генерації та попереднього перегляду ви опиняєтеся у звичному візуальному редакторі Bubble. Далі правите застосунок мишкою або через Bubble AI. Про це окремо: Bubble Reverse: GitHub як спека.

Документація називає підтримуваними джерелами експорти з Lovable, v0, Base44, Replit і Claude. Там же сказано, що можна працювати й з іншими стандартними кодовими базами. Альтернативний шлях теж описаний: перезбірка через MCP (Model Context Protocol) за допомогою зовнішніх агентів розробки.

Чим Universal Import відрізняється від Reverse.dev і старого .bubble

В анонсах Innovation Lab легко заплутатися. Я розрізняю три зовсім різні речі:

• Universal Import (бета): бере кодову базу й робить із неї нативний Bubble-застосунок. Далі ви працюєте у візуальному редакторі Bubble.
• Reverse.dev: окремий продукт Innovation Lab. Він підключається напряму до репозиторію GitHub і дає візуальний шар поверх коду для роботи з гілками та пулл-реквестами. На платформу Bubble застосунок він не переносить.
• Імпорт файлів .bubble JSON: стара системна функція резервного копіювання всередині платформи. До сучасного вайб-коду вона стосунку не має. Про це окремо: Reverse.dev і Innovation Lab цього.

Чому імпортований застосунок ще не «ship-ready»

З маркетингу може скластися враження, що натиснув одну кнопку і маєш готовий стартап, який приймає оплати й збирає фідбек. Бета-тестування показує скромнішу картину. Співробітники команди писали, що конверсія працює непогано, але має недоліки. Їх доводиться виправляти вручну або через AI.

Ось що прямо називає офіційна документація:

• Секрети та інтеграції губляться: в експортах коду зазвичай немає API-ключів, сторонніх сервісів і підключень (наприклад, конфігурацій Supabase). Їх доведеться підключити в Bubble вручну.
• Дані: система може розпізнати й відтворити структуру даних (Data Types), але реальні записи, тобто рядки таблиць, автоматично не переносяться. Їх треба імпортувати окремо.
• Безпека та Privacy Rules: правила приватності й доступу до даних самі не налаштуються. Випускати MVP до користувачів без ручної перевірки прав доступу не можна.

Чек-лист для фаундера: як використати імпорт для швидкого тестування ідеї

Якщо технічних навичок немає, а вайб-код прототип є, дивіться на Universal Import як на вхідну рампу в no-code редактор, а не як на фінальну точку релізу. Я б ішов так:

1. Підготуйте чистий архів: експортуйте ZIP із вашого генератора (v0, Lovable, Replit тощо).
2. Завантажте його через інтерфейс імпорту: перевірте результат візуальної конверсії в попередньому перегляді.
3. Налаштуйте базу та бекенд: перевірте створені типи даних, додайте тестові записи й вручну пропишіть Privacy Rules.
4. Перепідключіть API: додайте ключі сторонніх сервісів через плагіни або API Connector Bubble.
5. Пройдіть флоу руками: переконайтеся, що кожна кнопка веде на потрібну сторінку й запускає правильний робочий процес. Тільки після цього показуйте продукт першим клієнтам чи інвесторам.