Цей рік був роком інструментів веб-кодування, а точніше веб-дизайну, веб-прототипування, швидкого створення прототипів, як би ви це не називали. Напевно, можна з упевненістю сказати, що Replit і Lovable були лідерами зграї, хоча насправді я дав їм реальний шанс лише після того, як відбувся Claude Design, який був моїм першим справжнім враженням від інструменту Vibe Design.
Але існує цілий світ цих інструментів, які можна досліджувати, і ви зробите собі погану послугу, якщо цього не зробити. Один із найкращих варіантів шифрування Vibe усіх часів прихований у Google, і він існує вже три роки! Я зовсім не помітив це і шкодую, що не отримав це раніше…
Хочете бути в курсі останніх новинок ШІ? Інформаційний бюлетень XDA AI Insider публікується щотижня з глибокими зануреннями, рекомендаціями щодо інструментів і практичними матеріалами, яких ви більше ніде не знайдете на сайті. Підпишіться, змінивши налаштування розсилки!
Як насправді виглядає Google AI Studio
Протягом цього часу він був прихований на виду
Google AI Studio — це робочий простір для Gemini на основі браузера. Існує ігрова зона, де ви тестуєте моделі, але в режимі збірки ви створюєте фактичні програми, і це, очевидно, та частина, про яку Google зараз найбільше піклується. З моменту повного оновлення в березні 2026 року це безкоштовне та повне середовище, призначене для всіх, незалежно від досвіду програмування чи ні, яке може створювати веб-програми або рідні програми для Android безпосередньо з одного запиту.
Безкоштовний план отримує помірну квоту без вашої картки. Вміст безкоштовного рівня спрямований на покращення продуктів Google, тому я тримаю все в секреті. Я вже плачу за Google AI Pro, а Pro та Ultra тепер мають вищі ліміти AI Studio та преміум-моделі, але лише в самому веб-інтерфейсі AI Studio. Ключ API є скоріше резервним, оскільки добова сума закінчується, і ви перемикаєтеся на оплату за запит.
Частина «Антигравітації» мене спочатку трохи збентежила. Агент, який створює вашу програму в режимі збірки, працює на пристрої агента Antigravity. Але Antigravity Agent Preview — це інша гра в цій галузі, для якої потрібен платний ключ API, який не включає плани штучного інтелекту Google, а власна документація Google попереджає, що один запит може споживати необмежену кількість токенів, тому я просто перестав тут возитися й залишився на Build.
Перехід від порожнього запиту до робочої програми
Як насправді виглядає будівля в Google AI Studio
У Google Studio немає функції, яка б конкретно вказувала «режим збірки», ви просто натискаєте кнопку «Нова програма», щоб увійти в режим збірки. Ви описуєте програму, і вона створює інтерфейс React із сервером Node.js за ним, тоді як попередній перегляд у реальному часі заповнюється праворуч. Вам не обов’язково починати з нуля — замість цього ви можете створити ремікс із галереї програми. Я дуже весело провів час, експериментуючи із шаблонами галереї, тому що це дає вам гарне уявлення про те, як інші створювали чудові програми. Існує також імпорт GitHub, якщо у вас уже є код.
Gemini 3.8 Flash є моєю моделлю за замовчуванням, зі старими версіями Flash у списку, що випадає. Професійні моделі є частиною платних планів. Коли ви запустите додаток, ви побачите, що це набагато більше, ніж здається. Ви можете завантажувати файли для довідки, а мікросхеми штучного інтелекту дозволяють застосовувати такі функції, як створення зображень або даних Карт Google, до всього, що ви описуєте. Існують також інші інтеграції Google, такі як Drive і Gmail, а AI Studio розділяє дозволи на вхід для окремих осіб. Якщо для ваших ідей є вхід, також пропонується налаштувати Firebase.
Моїм тестом була ідея програми, над якою я бавився, яка дає вам широкий огляд колекції ваших мобільних програм, включаючи категорії, витрачений час, використання акумулятора, інформацію про сповіщення тощо. Це вже існує в таких програмах, як Time Time і Digital Wellbeing, але є кілька додаткових функцій, які я хотів би включити, тому я спробував це сам. На Flash 3.8 знадобилося лише чотири хвилини, і я мав робочу панель, яка підходила до рами телефону.
Є ручний редактор
І ви йдете з усією кодовою базою
Щоразу, коли збірка завершується, у чаті з’являється кілька карток із пропозиціями, як-от «Додати теплову карту використання» або «Додати рядки використання», на кожній із яких вказується тип змін. Я спробував одну стрічку, і вона вимкнулася сама та відредагувала чотири файли.
Рендер також має зручний редактор з пристойним набором інструментів. Ви можете клацнути будь-що в попередньому перегляді, і з’явиться невелика панель інструментів, де ви можете змінити колір за допомогою правого шістнадцяткового засобу вибору, параметрів межі та типу, працює. Це означає, що вам зовсім не потрібно працювати з кодом, щоб робити налаштування.
Моя улюблена функція полягає в тому, як вибір чогось кидає це у ваш запит як чіп, тому замість того, щоб пояснювати, яку кнопку я маю на увазі, я просто виберу її (або групу елементів) і опишу зміни. Коли я попросив його зменшити неонові піктограми програм, він повернувся з розбивкою кожного стилю, до якого торкався, включаючи шістнадцяткові символи. У V0 насправді є щось подібне, але це версія, яка мені дуже сподобалася. Кожна зміна також приймає контрольну точку з кнопкою скидання.
Кодова таблиця — це те, що робить її не просто інструментом проектування. Уся кодова база є, і ви можете редагувати її безпосередньо в браузері. Але я не можу прочитати більшу частину цього. Експорт включає GitHub, завантаження в форматі ZIP, і експорт до Antigravity, який було запущено на I/O цього року. Я вже користуюся Antigravity, тому приємно залишатися в екосистемі Google, хоча вона не включає історію чатів.
Публікація ваших перших двох програм безкоштовна, якщо ви ніколи не налаштовували Google Cloud для виставлення рахунків, і ви можете вибрати спеціальну адресу ai.studio. Завдяки спільним додаткам ваші дзвінки Gemini також працюють усупереч вашим обмеженням використання.
Непогано для компанії, яка насправді не займається дизайном
Це трохи смішно, що найбільше задоволення від інструменту дизайну я отримав цього року від компанії, яка насправді не займається дизайном. Чесно кажучи, AI Studio — це спочатку інструмент кодування, а разом з ним і сторона дизайну. Claude Design здебільшого побудований навколо відшліфованих слайдів і односторінкових листів, і я думаю, що це добре в них. Коли я хочу щось, що дійсно працює, я повинен сказати, що Google AI Studio є кращим варіантом, і ви можете зробити це без підписки.
