Мобильная разработка долго жила по принципу «или быстро, или с исходным кодом». Классические no-code платформы давали скорость, но запирали проект в своём проприетарном движке. Разработка на React Native давала контроль, но требовала команды и месяцев работы. Draftbit пытается совместить оба мира: визуальный редактор, который на выходе отдаёт настоящий код React Native, а не готовый «чёрный ящик».
Звучит как компромисс мечты — но дьявол в деталях. Мы разобрали Draftbit по частям: что он умеет, где спотыкается, сколько стоит, чем отличается от FlutterFlow и Adalo и кому реально подходит.
Что такое Draftbit
Draftbit — облачная платформа для сборки мобильных приложений. Работает целиком в браузере, а результат — проект на React Native с фреймворком Expo. Ключевая идея проста: вы собираете интерфейс мышкой на бесконечном холсте, подключаете данные, а платформа генерирует реальный код, который можно скачать, запустить локально и доработать руками.
Именно это отличает Draftbit от «чёрных ящиков» вроде классических no-code конструкторов, где приложение существует только внутри сервиса. Здесь нет жёсткого вендор-лока: если завтра платформа вам разонравится, проект продолжит жить в стандартном React Native-тулчейне и его можно развивать без Draftbit.
За последние годы продукт заметно сместился в сторону ИИ. Теперь в основе редактора лежат агенты (на базе популярных моделей кодинга), и часть работы можно описывать словами, а не собирать вручную. Draftbit позиционирует себя уже не просто как конструктор, а как гибридную среду между no-code и полноценной разработкой.
Плюсы и минусы
Сразу честно — минусов тоже хватает.
Плюсы:
- На выходе — настоящий код React Native/Expo, без вендор-лока.
- Визуальный редактор на бесконечном холсте, понятный не-разработчику.
- ИИ-агенты превращают текстовое описание в рабочий экран.
- Готовая интеграция с Supabase и любыми REST/GraphQL API.
- Живой предпросмотр в браузере, на устройстве и в симуляторах iOS/Android.
- Публикация в веб, App Store и Google Play из одного места.
- Экспорт в GitHub и zip, поддержка кастомных компонентов на коде.
- Понятная навигация: стеки, табы, drawer-меню настраиваются визуально.
Минусы:
- Цены измеряются кредитами: тяжёлая генерация агентом быстро съедает лимит.
- Полноценная выгрузка кода и публикация в сторы — только на платных тарифах.
- Редактор рассчитан на десктоп: с планшета или телефона верстать сложно.
- Список готовых интеграций уже, чем мир нативных модулей.
- Платформа ориентирована на англоязычный рынок — поддержки и материалов на русском нет.
- Сложные анимации, нестандартные жесты и тяжёлая нативная логика всё равно требуют ручного кода.
- Кредитная модель делает расходы менее предсказуемыми, чем фиксированная подписка.
Как выглядит работа: редактор и компоненты
Основа Draftbit — визуальный редактор. Слева список экранов, в центре холст, справа свойства выбранного элемента. Компоненты перетаскиваются мышкой: текстовые блоки, кнопки, изображения, списки, формы, карты, вкладки, навигационные панели. Для каждого элемента доступны отступы, типографика, состояния (обычное, нажатое, отключённое) и адаптивность под разные размеры экранов.
Компоненты описываются так же, как в React Native-мире — это те же представления и стили, просто собранные через панель. Более того, можно писать собственные компоненты на JavaScript и подключать внешние библиотеки, если стандартных не хватает. Это ключевое отличие от «закрытых» конструкторов: Draftbit не боится, что вы заглянете под капот.
Отдельный слой — навигация. Поддерживаются стеки, табы и drawer-меню, между экранами настраиваются переходы и передача параметров. Навигация — то место, где визуальные конструкторы обычно разваливаются, но здесь она собирается предсказуемо и предсказуемо же экспортируется в код.
Есть и совместная работа: на командных тарифах несколько человек могут редактировать проект одновременно, а роли и доступы разграничиваются. Для агентств и продуктовых команд это критично — не нужно пересылать файлы и «дежурить» по очереди.
ИИ-агенты: от описания к экрану
Новое ядро продукта — агенты. Вы пишете обычным языком, что нужно («добавь экран профиля с аватаром, именем и кнопкой выхода»), и агент меняет проект. Изменения сразу отражаются и в визуальном редакторе, и в коде, а результат можно проверить в живом предпросмотре.
Это интересная гибридная модель:
- Дизайнер правит экраны мышкой и следит за визуальной целостностью.
- Разработчик смотрит код, подключает внешние библиотеки и дорабатывает логику.
- Агент берёт на себя рутину: черновые экраны, формы, типовые компоненты.
Но именно агенты и стоят денег. Они расходуют кредиты, и на бесплатном тарифе доступ к ним ограничен. Проект может работать в нескольких изолированных облачных песочницах одновременно — на старших тарифах их больше, а параллельных агентов можно запускать несколько сразу. Это ускоряет работу, но требует аккуратности: чем больше агентов крутится, тем быстрее уходит месячный лимит.
Данные и бэкенд
Draftbit не навязывает конкретный бэкенд, но по умолчанию подталкивает к Supabase. Это удобно: база данных, аутентификация и API появляются почти без настройки, а стартовый проект получает рабочий бэкенд сразу.
Кроме этого, платформа умеет подключаться к любым REST- и GraphQL-эндпоинтам, брать данные из таблиц и внешних сервисов. На старших тарифах доступны кастомные MCP-серверы — механизм, который позволяет агенту работать с вашими источниками данных напрямую. Звучит абстрактно, но на практике это значит: агент сможет не только верстать экраны, но и тянуть схему данных из вашего сервиса.
Для типичного MVP этого более чем достаточно: список товаров, профили пользователей, заказы, чаты, лента — всё собирается на стандартных интеграциях. А если нужен уникальный источник данных, его подключают через обычный REST-запрос без плясок с бубном.
Код и отсутствие вендор-лока
Главный аргумент Draftbit — выгрузка исходников. С определённого тарифа проект можно выгрузить как архив или отправить в GitHub. Это те самые «настоящие» React Native-файлы, которые собираются через Expo и открываются в любом редакторе кода.
Что это даёт на практике:
- Проект можно передать команде разработчиков без потерь.
- Можно добавить нативный модуль, которого нет в конструкторе.
- Можно уйти с платформы и не переписывать приложение с нуля.
- Код версионируется в git как обычный проект.
- Можно подключить собственные модели и ключи API.
Для бизнеса это снижает риск: даже если платформа изменит цены или закроется, приложение останется у вас. Именно поэтому Draftbit часто выбирают как «безопасный» первый шаг в мобильную разработку — тот, из которого есть выход.
Публикация в веб, App Store и Google Play
Draftbit умеет публиковать приложение несколькими путями. Простейший — веб-версия на поддомене draftbit.dev, она доступна и на бесплатном тарифе. Дальше — сборки под iOS и Android и публикация в магазины приложений.
На тарифе Pro обещают помощь с отправкой в App Store — это заметно экономит нервы, потому что правила Apple и Google сами по себе отдельный квест. Кастомные домены и удаление брендинга Draftbit доступны на платных тарифах: для клиентского продукта это обязательный минимум, ведь логотип чужого конструктора на экране приложения выглядит непрофессионально.
Отдельно стоит помнить про требования самих магазинов: аккаунты разработчика (Apple Developer, Google Play Console) придётся оплачивать вам, и никакой конструктор это за вас не сделает.
Цены
Модель оплаты — кредиты. Тариф даёт месячный запас кредитов, а тратятся они на работу, в первую очередь на ИИ-агентов. Ручная сборка мышкой расходует кредиты мало, тяжёлая генерация — много.
Ориентировочные тарифы на момент публикации (уточняйте на официальной странице цен — лимиты и сетки менялись не раз):
- Free — $0: до ~10 000 кредитов в месяц, несколько проектов, визуальный редактор, публикация веб-версии на draftbit.dev, ограниченный доступ к агентам.
- Standard — около $20/мес: больше кредитов, неограниченные проекты и интеграции, полный экспорт кода, публикация в iOS/Android/веб, кастомные домены, удаление брендинга.
- Pro — около $40/мес: ещё больше кредитов, несколько параллельных агентов, кастомные MCP-серверы, экспорт в GitHub, симуляторы, помощь с App Store, приоритетная поддержка.
- Team — около $200/мес: ~250 000 кредитов, 10 мест редакторов, живая совместная работа, обучающие сессии.
- Enterprise — индивидуально: SSO/SAML, приватный или self-hosted деплой, SLA, выделенная инфраструктура.
При годовой оплате обычно дают скидку около 20%. Разные источники показывают разные цифры — значит, ориентируйтесь на официальную страницу: тарифная сетка Draftbit менялась несколько раз, а кредитные лимиты зависят от текущей политики.
Тесты и практические сценарии
Мы прошли несколько типовых сценариев, чтобы понять, где Draftbit силён, а где нет.
MVP для стартапа. Экран онбординга, авторизация через Supabase, список товаров из REST API, карточка товара, корзина. Большая часть собирается визуально за считанные часы, остальное добивается агентом. Для запуска в сторы нужен минимум тариф Standard. Вердикт: отличный сценарий, ради него платформа и создана.
Внутренний инструмент. Приложение для сотрудников: список задач, формы, справочник, push-уведомления. Здесь Draftbit раскрывается полностью — не нужен идеальный дизайн, важна скорость и рабочий бэкенд. Кредитов уходит немного, потому что всё стандартно.
Маркетплейс. Сложнее: нужны платежи, роли, модерация, интеграция с платёжным провайдером. Часть логики придётся писать кодом или подключать сторонние сервисы. Draftbit справляется, но перестаёт быть «конструктором для новичка».
Игра или работа с железом. Здесь честный вердикт — не сюда. Тяжёлая графика, камера в реальном времени, Bluetooth-устройства, сложная анимация: это domain нативной разработки, и визуальный конструктор только мешает.
Draftbit против конкурентов
Сравним с главными альтернативами.
Draftbit vs FlutterFlow. FlutterFlow генерирует код на Flutter, Draftbit — на React Native. Если ваша команда знает Flutter и Dart — логичнее FlutterFlow. Если JavaScript и React Native — Draftbit. По зрелости экосистемы FlutterFlow выглядит плотнее, по гибкости работы с кодом Draftbit ближе к «настоящей» разработке.
Draftbit vs Adalo. Adalo дружелюбнее к новичкам и проще в базовом сценарии, но куда сильнее запирает в своей среде: экспорт и контроль над кодом ограничены. Draftbit сложнее на старте, зато отдаёт исходники и не держит заложником.
Draftbit vs Bubble. Bubble — про веб-приложения, Draftbit — про мобильные. Для маркетплейса и SaaS в браузере берите Bubble, для приложения в сторах — Draftbit.
Draftbit vs нативная разработка. Нативная команда даст максимальный контроль и производительность, но ценой времени и бюджета. Draftbit выигрывает там, где важна скорость выхода на рынок и где продукт ещё проверяет гипотезу.
Безопасность и командная работа
Вопрос, который часто задают в опросниках: где хранятся данные? Код проекта живёт в облаке Draftbit, но на командных тарифах доступны приватные и self-hosted варианты, SSO и SAML. Для корпоративного сегмента это обязательное условие, и платформа его закрывает.
На бесплатном и младших тарифах разграничение ролей скромнее, а живая совместная работа появляется только на Team. Если над проектом работает больше одного-двух человек, есть смысл сразу смотреть на командные тарифы, иначе придётся договариваться «по очереди».
Ограничения производительности и подводные камни
Приложение на Draftbit — это обычный React Native, поэтому по скорости оно не уступает «ручному» приложению на том же стеке. Нативная отрисовка сохраняется, а интерфейс остаётся отзывчивым. Проблемы начинаются там, где продукт упирается в сложную логику, которой в конструкторе просто нет готового блока.
Подводные камни, о которых стоит знать заранее:
- Кредиты расходуются непредсказуемо. Активная работа агентов может съесть месячный лимит за несколько дней, и это неочевидно на старте.
- Часть фич на платных тарифах. Экспорт кода, симуляторы, GitHub-интеграция — всё это за пределами Free.
- Экосистема шаблонов скромнее, чем у раскрученных веб-конструкторов: рассчитывать на готовое решение «под ключ» не стоит.
- Обновления платформы. Тарифы и лимиты Draftbit менял несколько раз, так что бюджет стоит пересматривать раз в год.
Кому подходит Draftbit
Draftbit — не замена нативной разработке и не игрушечный конструктор. Это инструмент для конкретных ситуаций:
- Основатели и продакты, которым нужен MVP в App Store за считанные недели, а не месяцы.
- Команды с React Native-разработчиком, которые хотят ускорить рутину по верстке.
- Агентства, собирающие клиентские приложения по шаблону.
- Внутренние инструменты: приложения для сотрудников, полевых команд, учёта.
- Дизайнеры, которые хотят довести макет до работающего приложения без команды.
Не подойдёт, если приложению нужна тяжёлая нативная логика (игры, работа с железом, сложная графика) или если бюджет в принципе не предполагает подписки.
Частые вопросы
Нужно ли уметь программировать? Нет. Базовый сценарий собирается визуально. Но чем сложнее продукт, тем полезнее знание JavaScript и React Native.
Что будет, если я перестану платить? Код можно выгрузить и продолжать разработку самостоятельно. Приложение не перестанет работать.
Можно ли использовать свой бэкенд? Да, через REST или GraphQL. Supabase — лишь удобный бэкенд по умолчанию, а не обязательный.
Публикует ли Draftbit приложение за меня? Платформа помогает со сборкой и отправкой, но аккаунты разработчика в Apple и Google оформляет и оплачивает пользователь.
Сколько кредитов нужно? Зависит от того, насколько активно вы используете агентов. Ручная сборка дешева, генерация словом — дорогая.
Вердикт
Draftbit — один из немногих no-code/low-code инструментов, который не пытается запереть вас в своей песочнице. Настоящий React Native-код, экспорт в GitHub, поддержка ИИ-агентов и понятный путь в App Store — это сильное сочетание для быстрого запуска мобильного продукта.
Платить за это приходится кредитами и подпиской: бесплатный тариф годится для пробы, обучения и веб-публикации, а для реального продукта готовьте как минимум Standard. Кредитная модель — главный минус: расходы предсказать сложнее, чем при фиксированной подписке, особенно если команда активно гоняет агентов.
Если вам нужен контроль над кодом и скорость — Draftbit стоит короткого теста: бесплатный тариф позволяет оценить редактор до того, как вы заплатите. Если нужна максимальная производительность и нативные фишки — классическая команда разработчиков всё ещё вне конкуренции.
А вы уже пробовали собирать мобильное приложение визуально? Поделитесь опытом — что победило: скорость конструктора или свобода кода?