Posted by Paris Hsu – Product Supervisor, Android Studio
At each stage of the event lifecycle, Gemini in Android Studio has turn out to be your AI-powered companion, making it simpler to construct top quality apps. We’re excited to announce a major enlargement: Gemini in Android Studio now helps multimodal inputs, which helps you to connect pictures on to your prompts! This unlocks a wealth of recent potentialities that enhance crew collaboration and UI growth workflows.
You possibly can check out this new function by downloading the most recent Android Studio canary. We’ve outlined a number of use instances to strive, however we’d love to listen to what you assume as we work via bringing this function into future steady releases. Test it out:
Picture attachment – a brand new dimension of interplay
We first previewed Gemini’s multimodal capabilities at Google I/O 2024. This know-how permits Gemini in Android Studio to know easy wireframes, and rework them into working Jetpack Compose code.
You will now discover a picture attachment icon within the Gemini chat window. Merely connect JPEG or PNG recordsdata to your prompts and watch Gemini perceive and reply to visible info. We have noticed that pictures with sturdy shade contrasts yield one of the best outcomes.
We encourage you to experiment with varied prompts and pictures. Listed here are a number of compelling use instances to get you began:
- Speedy UI prototyping and iteration: Convert a easy wireframe or high-fidelity mock of your app’s UI into working code.
- Diagram clarification and documentation: Acquire deeper insights into complicated structure or information move diagrams by having Gemini clarify their elements and relationships.
- UI troubleshooting: Seize screenshots of UI bugs and ask Gemini for options.
Speedy UI prototyping and iteration
Gemini’s multimodal help allows you to convert visible designs into practical UI code. Merely add your picture and use a transparent immediate. It really works whether or not you are working from your personal sketches or from a designer mockup.
Right here’s an instance immediate: “For this picture supplied, write Android Jetpack Compose code to make a display that is as near this picture as doable. Ensure to incorporate imports, use Material3, and doc the code.” After which you’ll be able to append any particular or extra directions associated to the picture.
For extra complicated UIs, refine your prompts to seize particular performance. As an example, when changing a calculator mockup, including “make the interactions and calculations work as you’d anticipate” ends in a totally practical calculator:
Notice: this function supplies an preliminary design scaffold. It’s “first draft” and your edits and changes can be wanted. Frequent refinements embrace guaranteeing appropriate drawable imports and importing icons. Take into account the generated code a extremely environment friendly start line, accelerating your UI growth workflow.
Diagram clarification and documentation
With Gemini’s multimodal capabilities, you can too strive importing a picture of your diagram and ask for explanations or documentation.
Instance immediate: Add the Now in Android structure diagram and say “Clarify the elements and information move on this diagram” or “Write documentation about this diagram”.
UI troubleshooting
Leverage Gemini’s visible evaluation to establish and resolve bugs rapidly. Add a screenshot of the problematic UI, and Gemini will analyze the picture and counsel potential options. You can even embrace related code snippets for extra exact help.
Within the instance beneath, we used Compose UI examine and located that the button is stretched too large in pill screens, so we took a screenshot and requested Gemini for options – it was in a position to leverage the window dimension lessons to offer the proper repair.
Obtain Android Studio in the present day
Obtain the most recent Android Studio canary in the present day to strive the brand new multimodal options!
As all the time, Google is dedicated to the accountable use of AI. Android Studio will not ship any of your supply code to servers with out your consent. You possibly can learn extra on Gemini in Android Studio’s dedication to privateness.
We admire any suggestions on belongings you like or options you wish to see. When you discover a bug, please report the difficulty and in addition try recognized points. Bear in mind to additionally comply with us on X, Medium, or YouTube for extra Android growth updates!
