В последнее время популярность набирают инструменты для создания прототипов и интерфейсов с помощью текстовых запросов, среди которых лидируют Replit и Lovable. Однако один из лучших вариантов для подобной работы скрывался внутри экосистемы Google на протяжении трех лет. Речь идет о платформе Google AI Studio, которая представляет собой браузерный рабочий стол для работы с моделями семейства Gemini.
Возможности среды разработки Google AI Studio
После масштабного обновления в марте 2026 года сервис превратился в бесплатную среду полного цикла, рассчитанную как на профессионалов, так и на пользователей без навыков программирования. Платформа позволяет создавать веб-приложения или нативные программы для Android прямо по текстовой подсказке. Бесплатный тарифный план предлагает базовую квоту без необходимости привязывать банковскую карту, однако контент с бесплатного уровня используется для улучшения продуктов компании Google.
Платные подписки Google AI Pro и Ultra предоставляют повышенные лимиты внутри веб-интерфейса AI Studio и доступ к премиальным моделям. По умолчанию в среде используется модель Gemini 3.8 Flash, тогда как более старые версии Flash доступны через выпадающий список. В режиме создания приложений под названием Build можно описывать интерфейс, и система самостоятельно пишет фронтенд на React вместе с бэкенд-сервером на Node.js, отображая живой предварительный просмотр на экране.
Создание приложений и интеграция сервисов
Пользователи могут не начинать проект с чистого листа, а использовать шаблоны из встроенной галереи приложений или импортировать готовый код из GitHub. В процессе работы можно загружать справочные файлы для контекста. Специальные AI Chips позволяют добавлять к проекту такие функции, как генерация изображений или интеграция с картами Google. Кроме того, поддерживаются интеграции с Google Диском и Gmail, а настройки авторизации сервис берет на себя. Для реализации входа пользователей платформа предлагает автоматически настроить Firebase.
В ходе тестирования создание информационной панели для управления мобильными приложениями с помощью модели 3.8 Flash заняло около четырех минут. После завершения генерации система предлагает карточки с полезными идеями для улучшений. При выборе предложения о добавлении цепочек активности ИИ самостоятельно отредактировал четыре файла кода.
Инструменты ручного редактирования и экспорт проекта
Встроенный визуальный редактор позволяет кликнуть по любому элементу в окне предварительного просмотра и изменить его цвет с помощью палитры, настроить границы и параметры текста без прямого вмешательства в исходный код. Выделенные элементы автоматически добавляются в текстовый запрос в виде чипов, что избавляет от необходимости объяснять, какой именно компонент требуется изменить. Каждое изменение сохраняется в виде контрольной точки с возможностью отката.
Вкладка кода открывает доступ ко всему проекту прямо в браузере. Для экспорта доступны такие варианты, как скачивание ZIP-архива, отправка на GitHub или перенос в среду Antigravity. Первые два приложения можно опубликовать бесплатно даже без настроенного биллинга Google Cloud, выбрав собственный адрес ai.studio. Совместные приложения расходуют лимиты создателя на вызовы моделей Gemini.
Автор отмечает, что впервые столкнулся с инструментом vibe-дизайна благодаря Claude Design, после чего решил дать шанс Replit, Lovable и другим аналогам. Google AI Studio долго оставался незамеченным, хотя существует уже три года. Сейчас разделом, который волнует Google больше всего, является режим Build, а в Playground можно тестировать модели.
Что касается тарифной политики и API, ключи выступают скорее бэкапом на случай исчерпания дневного лимита и переводят пользователя на оплату за каждый запрос. Система Antigravity сначала вызывала путаницу: агент, собирающий приложение в Build, работает на движке агентов Antigravity, однако предварительный просмотр агента Antigravity в Playground — это отдельная функция, требующая платного ключа API, который не покрывается подписками Google AI. Из-за предупреждений в документации Google о том, что один запрос может поглотить неограниченное число токенов, автор предпочел ограничиться режимом Build.
Эксперименты с галереей шаблонов помогли понять, как структурированы качественные приложения. В тестовом проекте по созданию панели мониторинга приложений (включая категории, время использования, расход батареи и данные уведомлений) после завершения сборки интерфейс дополнялся тумблером, оборачивающим дашборд в рамку телефона. Готовые карточки предложений включали такие варианты, как добавление тепловой карты использования или цепочек активности, причем выбор последней привел к самостоятельной правке четырех файлов.
Визуальный редактор содержит полноценную палитру с шестнадцатеричными кодами (hex-пикер), а также настройки границ и шрифтов. При выделении элементов (или целой группы) они превращаются в чипы внутри промпта. Например, при запросе уменьшить яркость неoновых иконок приложения система вернула подробный разбор каждого затронутого стиля с указанием hex-кодов. Подобный подход реализован в V0, но проект Google оказался наиболее приятным в использовании.
Вкладка кода позволяет редактировать проект прямо в браузере, хотя разобраться в нем сложно. Функция экспорта в Antigravity была запущена на конференции I/O этого года, и хотя чат-история при этом не переносится, интеграция внутри экосистемы удобна.
В отличие от Claude Design, который больше ориентирован на создание полированных слайдов и одностраничных презентаций, Google AI Studio представляет собой инструмент разработки в первую очередь, к которому дизайн прилагается как дополнение, позволяющее получать работающие программы без обязательной подписки.
«`html
Особенности тарифных планов и нюансы работы с Antigravity
Платные подписки Google AI Pro и Ultra предоставляют повышенные лимиты непосредственно внутри веб-интерфейса AI Studio вместе с доступом к премиальным моделям. API-ключ в данной схеме выполняет роль резервного варианта на случай исчерпания дневного лимита, автоматически переводя пользователя на модель оплаты за каждый запрос.
Система Antigravity изначально вызывала определенную путаницу: агент, который занимается сборкой приложения в режиме Build, функционирует на базе агентского движка Antigravity. При этом функция Antigravity Agent Preview в разделе Playground представляет собой совершенно отдельный инструмент. Для ее работы требуется платный ключ API, который не входит в стандартные тарифные планы Google AI. Официальная документация Google предупреждает, что даже один-единственный текстовый запрос способен израсходовать неограниченное количество токенов, поэтому автор статьи предпочел полностью сосредоточиться на режиме Build.
Тестирование возможностей генерации и визуального редактора
Во время экспериментов с шаблонами из встроенной галереи автор смог наглядно изучить принципы правильной структуризации качественных приложений. Собственный тестовый проект представлял собой инструмент для комплексного обзора мобильных приложений, включающий категорию программ, затраченное время, показатели расхода батареи и данные уведомлений. Хотя подобные функции частично реализованы в сервисах Screen Time и Digital Wellbeing, автор добавил в собственную разработку ряд желаемых дополнений.
Генерация рабочей панели управления с помощью модели Gemini 3.8 Flash заняла всего около четырех минут, а готовый интерфейс дополнился удобным тумблером, который визуально оборачивает дашборд в рамку реального телефона. Каждый завершенный этап сборки генерирует под окном чата карточки с рекомендациями по улучшению — например, предложения добавить тепловую карту использования (usage heat map) или цепочки активности (usage streaks), каждое из которых снабжено меткой типа предполагаемых изменений.
Визуальный редактор интерфейса оснащен полноценным инструментом выбора цветов с поддержкой шестнадцатеричных кодов (hex-пикер), а также гибкими настройками параметров текста и границ элементов. Главной особенностью взаимодействия автор называет то, что при клике на любой одиночный элемент или целую группу объектов они автоматически превращаются в интерактивные чипы прямо внутри текущего промпта. Когда пользователь попросил сделать менее яркими неоновые иконки приложения, система выдала детальный отчет с перечислением всех затронутых стилей и указанием конкретных hex-кодов. Подобное решение отчасти реализовано в инструменте V0, но именно реализация от Google пришлась автору по душе больше всего. Дополнительно каждое выполненное изменение сохраняется в виде отдельной контрольной точки (checkpoint), оснащенной кнопкой быстрого восстановления.
«`
