Еще от Google Они выложили гайд, как сделать дизайн вайбкод-приложения…

Еще от Google

Они выложили гайд, как сделать дизайн вайбкод-приложения лучше

AI Studio подготовила материал для тех, кто собирает приложения с помощью ИИ, но хочет, чтобы интерфейс не выглядел как типовая генерация.

Что внутри

Восемь подробных советов, к каждому — готовый промпт и наглядные примеры.

✳️ Один из самых полезных приёмов — извлечение стиля из референса. Вы загружаете скриншот сайта, который вам нравится, и просите Gemini разобрать его дизайн-систему: цвета с hex-кодами, типографику, обработку карточек, плотность отступов и общее настроение. Готовое описание можно сразу вставить в свой промпт для сборки.

✳️ Второй момент — генерация изображений прямо в процессе сборки. AI Studio Build умеет вызывать generate_image через Nano Banana.

Можно попросить:
Создай приложение для заказа кофе с тёплой эстетикой. Используй инструмент генерации изображений, чтобы сделать широкий кинематографичный баннер с латте-артом и чистые фото каждого напитка с мягкими тенями

Если что-то не нравится — не нужно пересобирать всё заново. В интерфейсе есть Edit-инструмент: выделяете элемент, нажимаете волшебную палочку и либо описываете правку словами, либо генерируете новый ассет, либо загружаете свой файл.

Типографику можно тестировать в реальном времени. Прямо на холсте открываете Google Fonts и применяете любой шрифт — от Space Grotesk для технического дашборда до Playfair Display для редакционного блога.

✳️ Ссылка

🟣Теги: #UI_дизайн #Google_AI_Studio