AI features in Studio Labs

We've heard feedback that developers want to access AI features in stable channels as soon as possible. You can now discover and try out the latest AI experimental features through the Studio Labs menu in the Settings menu starting with Narwhal stable release.

You can get a first look at AI experiments, share your feedback, and help us bring them into the IDE you use everyday. Go to the Studio Labs tab in Settings and enable the features you would like to start using. These AI features are automatically enabled in canary releases and no action is required.

AI features in Studio Labs
AI features in Studio Labs

Studio Labs features

Compose preview generation with Gemini

Gemini can automatically generate Jetpack Compose preview code saving you time and effort. You can access this feature by right-clicking within a composable and navigating to Gemini > Generate Compose Preview or Generate Compose Preview for this file, or by clicking the link in an empty preview panel. The generated preview code is presented in a diff view that lets you to quickly accept, edit, or reject the suggestions, providing a faster way to visualize your composables.

Compose Preview generation with Gemini
Compose Preview generation with Gemini

Transform UI with Gemini

You can now transform UI code within the Compose Preview environment using natural language directly in the preview. To use it, right-click in the Compose Preview and select Transform UI With Gemini. Then enter your natural language requests, such as "Center align these buttons," to guide Gemini in adjusting your layout or styling, or select specific UI elements in the preview for better context. Gemini will then edit your Compose UI code in place, which you can review and approve, speeding up the UI development workflow.

'Transform UI with Gemini' in context menu
Accessing 'Transform UI with Gemini' menu
'Transform UI with Gemini' modal dialog
Applying a natural language transformation to a Compose preview

Image attachment in Gemini

You can now attach image files and provide additional information along with your prompt. For example: you can attach UI mock-ups or screenshots to tell Gemini context about your app's layout. Consequently, Gemini can generate Compose code based on a provided image, or explain the composables and data flow of a UI screenshot.

Gemini dialog with Image Attachments
Image attachment & preview generation using Gemini in Android Studio

@File context in Gemini

You can now attach your project files as context in chat interactions with Gemini in Android Studio. This lets you quickly reference files in your prompts for Gemini. In the Gemini chat input, type @ to bring up a file completion menu and select files to attach. You can also click the Context drop-down to see which files were automatically attached by Gemini. This gives you more control over the context sent to Gemini.

@File context in Gemini
@File context in Gemini