Современные чат-боты уже умеют писать код, создавать структуру страниц и помогать с генерацией интерфейсов. При этом большая часть работы все равно остается на пользователе: нужно создавать файлы, раскладывать проект по папкам, переносить код, проверять результат и постепенно допиливать детали.
Именно под такие задачи Google и выпустил Antigravity. Платформа сама закрывает всю рутину: вам нужно лишь задать направление промптом.
Проверим Antigravity на практике: соберем простой лендинг с нуля и посмотрим, как выглядит весь процесс.
Что это такое и как работает платформа
Google Antigravity — новая IDE (интегрированная среда разработки) от Google, работающая на базе Visual Studio Code. Основная фишка платформы заключается в ИИ-агентах, которые помогают работать с файлами, кодом и структурой проекта через обычные текстовые запросы.
В Antigravity встроены модели на базе Gemini, Claude и других решений. Агент способен самостоятельно создавать и редактировать файлы, запускать команды через терминал, вносить изменения и сразу проверять результат через встроенный браузер.
Работа больше напоминает обычный диалог: описываете задачу, а дальше агент постепенно собирает проект и выполняет нужные действия. По сути, платформа берет на себя всю техническую рутину веб-разработки.
Это дает возможность быстро разворачивать и тестировать лендинги и прелендинги любой сложности, даже если у вас нет знаний в программировании.
Тест-драйв
Для начала переходим на официальный сайт Antigravity, скачиваем версию под свою операционную систему и устанавливаем приложение.
После установки переходим во вкладку Extensions, через поиск находим Live Server и устанавливаем расширение. С его помощью можно в реальном времени смотреть, как выглядит лендинг после любых изменений, без постоянной загрузки файлов на хостинг.
На компьютере в любом удобном месте создаем отдельную папку с названием вашего лендинга. Дальше в Antigravity нажимаем Open Folder и выбираем только что созданную папку: именно сюда будут сохраняться все файлы проекта.
Нажимаем правой кнопкой мыши в этой области, выбираем New File и создаем новый файл с названием index.html.
Справа открываем панель Agent и подробно объясняем, какой лендинг хотим получить. Лучше сразу расписать структуру: блоки, оформление, кнопки и другие детали. Модель можно выбрать любую: многое зависит от конкретной задачи и личных предпочтений.
Пример промпта:
«Создай современный адаптивный лендинг для онлайн-школы английского языка. Стиль: минималистичный, светлый дизайн, крупные заголовки, современный интерфейс и аккуратные анимации.
Первый экран: крупный заголовок, короткое описание сервиса, кнопка «Начать обучение» и изображение человека с ноутбуком.
На странице должны быть:
- Блок с преимуществами сервиса и иконками.
- Карточки с тарифами и стоимостью.
- Блок с отзывами пользователей.
- Секция с ответами на частые вопросы.
- Форма заявки для регистрации.
- Блок с преподавателями.
- Несколько кнопок призыва к действию по странице.
Дополнительно:
- Добавь плавные анимации появления элементов.
- Добавь эффекты при наведении.
- Сделай качественную мобильную адаптацию.
- Лендинг должен быстро загружаться.
- Дизайн должен выглядеть современно и вызывать доверие».
В процессе создания нейросеть может периодически предлагать изменения. Просто подтверждайте их, чтобы генерация продолжалась дальше.
После завершения генерации можно локально запустить лендинг в любом браузере. Для этого нажмите правой кнопкой мыши на index.html и кликните на Open with Live Server.
Вот, что получилось у нас буквально за пару минут. Нейросеть сама собрала полноценный ленд: есть первый экран, блоки преимуществ, тарифы, отзывы, преподаватели и форма заявки.
Также вы можете вносить изменения: создавать новые элементы, дополнительные страницы и т.д. Достаточно просто отправить новый запрос в Agent и описать, что именно нужно изменить.
Например:
- «Добавь темную тему и замени цвета на более премиальные».
- «Сделай кнопки крупнее и добавь больше анимаций».
- «Добавь новую страницу с отзывами студентов».
- «Создай отдельную страницу с тарифами».
- «Добавь блок с ответами на частые вопросы».
- «Замени изображения на более современные».
- «Добавь анимации появления элементов».
- «Сделай мобильную версию более компактной».
- «Добавь больше элементов доверия на первый экран».
- «Переделай первый экран и сделай его более современным».
Работа со своими материалами
Также вместо дефолтного визуала можно сразу использовать свои материалы. Добавляйте логотипы, изображения, скриншоты, баннеры и другие ассеты, чтобы создать ленд под конкретный продукт или оффер.
Механика здесь простая: создаем в каталоге проекта отдельную папку под материалы, например assets, и переносим туда все нужные файлы. Желательно сразу называть их нормально, например:
- logo.png — логотип;
- hero.jpg — изображение для первого экрана;
- screen-1.png — скриншот интерфейса;
- review-1.jpg — фото для отзыва;
- icon-1.svg — иконка для блока преимуществ.
Дальше в Agent пишем обычный запрос:
«Используй мои изображения из папки assets. Логотип logo.png поставь в шапку, hero.jpg добавь на первый экран, а screen-1.png и screen-2.png размести в блоке с примерами интерфейса».
Как выгрузить и использовать готовый ленд
Когда ленд готов, не нужно искать кнопку экспорта или отдельно что-то выгружать. Все файлы уже лежат в той папке проекта, которую мы создавали в самом начале: основной index.html, картинки, стили и дополнительные скрипты. В простых лендах все может быть собрано в одном файле, а в более крупных проектах нейросеть часто раскладывает все по отдельным папкам.
В дальнейшем файлы и папки останется залить на хостинг через файловый менеджер или FTP. В корень сайта обычно загружается index.html, а рядом с ним все папки: assets, images, css, js и другие.
Затем необходимо подвязать домен. Для этого у регистратора обычно меняются DNS или NS-серверы, которые выдает хостинг. После сохранения изменения подтягиваются не сразу: иногда обновление может растянуться на несколько часов.
Ограничения Antigravity
В отличие от обычных чат-ботов, здесь лимиты расходуются на внутренние действия автономных агентов.
Пока вы ждете готовый лендинг, агент совершает десятки операций: считывает код, правит стили, запускает терминал и делает скриншоты во встроенном браузере. Каждый такой шаг быстро расходует лимиты.
Бесплатный тариф дает около 20 запросов к агентам в сутки. На тарифе AI Pro ($20 в месяц) лимит увеличивается примерно до 100 запросов в день.
Если в папку проекта попадут тяжелые медиафайлы или лишние архивы, ИИ может отправить их в нейросеть при выполнении действий. Для моделей вроде Claude или Gemini Pro в режиме High Thinking лимит токенов контекста может полностью исчерпаться всего за 4–5 запросов.
Система использует ограничения, которые обновляются каждые 5 часов, а также жесткие недельные лимиты. Если запустить агента на длительное переписывание крупных блоков кода без остановки, можно заработать блокировку интерфейса на целую неделю.
Antigravity накладывает ограничение на использование сторонних серверов Model Context Protocol (MCP): к одному из них можно подключить не более 100 инструментов одновременно, что усложняет кастомизацию окружения.
Если стандартный лимит закончился, платформа дает возможность докупать дополнительные кредиты. Стоимость начинается примерно от $0.01 за действие, а минимальные пакеты — от 2500 кредитов.
Источник