- BrainTools - https://www.braintools.ru -

В Android Studio тестируют генерацию интерфейсов по скриншотам с помощью Gemini

В превью-версии Android Studio Otter 2025.2.1 появилась [1] функция генерации экранов по скриншотам. Система получает на вход изображение и верстает интерфейс, в который можно внести правки.

В Android Studio тестируют генерацию интерфейсов по скриншотам с помощью Gemini - 1

Для запуска генерации надо перейти в файл без предварительного просмотра и нажать Generate Code From Screenshot на панели предварительного просмотра. После этого можно выбрать изображение, которое Gemini будет использовать в качестве референса. На выходе получится код Jetpack Compose. В Google считают, что функция поможет разработчикам писать меньше шаблонного кода и подключаться к работе уже на стадии правок.

В Android Studio тестируют генерацию интерфейсов по скриншотам с помощью Gemini - 2

Вместе с этим появилась функция адаптации дизайна интерфейса под референс. Например, разработчик может быстро набросать код экрана без акцента на полное сходство с макетом. После этого достаточно загрузить скриншот макета, а Gemini отредактирует код и адаптирует экран. Для активации функции надо кликнуть правой кнопкой мыши по окну предварительного просмотра Compose и выбрать пункт AI ActionsMatch UI to Target Image. После этого появится окно для загрузки референса.

В Android Studio тестируют генерацию интерфейсов по скриншотам с помощью Gemini - 3

Вёрстку экрана можно доработать и с помощью естественного языка, если нет референса. Для этого надо кликнуть правой кнопкой мыши на окно предварительного просмотра и нажать AI ActionsTransform UI. В открывшемся окне надо описать изменения, например, «измени цвет кнопки на синий» или «добавь отступы вокруг текста».

В Android Studio тестируют генерацию интерфейсов по скриншотам с помощью Gemini - 4

Также добавили функцию проверки доступности интерфейсов. Нейросеть проверяет контрастность, размер текста и прочие параметры, которые важны для людей с ограниченными возможностями. Для активации функции надо перейти в AI ActionsFix all UI check issues.

В Android Studio тестируют генерацию интерфейсов по скриншотам с помощью Gemini - 5

Автор: daniilshat

Источник [2]


Сайт-источник BrainTools: https://www.braintools.ru

Путь до страницы источника: https://www.braintools.ru/article/20458

URLs in this post:

[1] появилась: https://developer.android.com/studio/preview/features#ui-ai-agent

[2] Источник: https://habr.com/ru/news/954728/?utm_source=habrahabr&utm_medium=rss&utm_campaign=954728

www.BrainTools.ru

Rambler's Top100