Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
O Gemini no Android Studio está equipado para ajudar você a transformar sua visão de interface do usuário do app Android em realidade, usando o Jetpack Compose e seguindo as práticas recomendadas do Android.
Esta página descreve as etapas gerais para criar uma interface de app com o Gemini. Para
mais informações sobre como anexar imagens e outras ideias de uso do
recurso, consulte Anexar uma imagem à consulta.
Para gerar uma interface com o Gemini, siga estas etapas gerais:
Crie um modelo da interface do app que você quer. Um wireframe ou design básico
é a melhor opção. Você pode exportar um PNG de uma ferramenta de design ou até mesmo usar uma imagem desenhada à mão.
Clique em Anexar arquivo de imagem para anexar a imagem à consulta.
No campo de chat, peça ao Gemini para gerar o código da interface, por exemplo, "Gere código do Jetpack Compose para a imagem fornecida". Quando você envia a consulta e a imagem, o Gemini sugere um código para criar a interface proposta. O Gemini geralmente
fornece o código para a
prévia do Compose também. Assim, você pode
visualizar rapidamente a interface depois de importar para o projeto. Se isso não acontecer,
peça para
gerar as prévias do Compose.
O conteúdo e os exemplos de código nesta página estão sujeitos às licenças descritas na Licença de conteúdo. Java e OpenJDK são marcas registradas da Oracle e/ou suas afiliadas.
Última atualização 2025-07-31 UTC.
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 2025-07-31 UTC."],[],[],null,["# Generate UI with image attachments\n\n| **Preview:** Enable image attachment through [Studio Labs](/studio/gemini/attach-image).\n| **Note:** Image attachment is currently available in Gemini's no-cost tier.\n\nGemini in Android Studio is uniquely equipped to help you make your Android app\nUI vision a reality, using Jetpack Compose and following Android best practices.\nThis page describes the general steps to creating an app UI with Gemini. For\nmore information about image attachment and other ideas for how to use the\nfeature, see [Attach an image to your query](/studio/gemini/attach-image).\n\nTo generate a UI with Gemini, follow these general steps:\n\n1. Create a mockup of the app UI that you want. A wireframe or basic design\n works best. You can export a PNG from a design tool or even use a hand drawn\n image.\n\n2. Attach the image to your query by clicking **Attach image file**\n .\n\n3. In the chat field, ask Gemini to generate the UI code, for example \"Generate\n Jetpack Compose code for the image provided.\" When you submit the query and\n image, Gemini suggests code to create the proposed UI. Gemini usually\n provides the code for the\n [Compose preview](/develop/ui/compose/tooling/previews) too, so you can\n quickly visualize the UI once you import the into your project---if it doesn't,\n ask it to\n [generate Compose the previews](/studio/gemini/generate-compose-previews).\n\n4. Once you import the code and can see the Compose preview in the preview\n panel, you can iterate on the UI by clicking directly on the preview and\n [asking Gemini to transform it](/studio/gemini/transform-ui)."]]
para anexar a imagem à consulta.
