Android 스튜디오의 Gemini에 이미지를 첨부하여 앱의 아키텍처를 더 잘 이해하고 UI 개발 프로세스를 가속화하세요.
프롬프트에 이미지를 첨부하려면 이미지 파일 첨부를 클릭하고 이미지를 업로드합니다.
Gemini는 다음과 같은 다양한 방법으로 이미지를 지원합니다.
원하는 UI의 모형이 있는 경우 Gemini가 이를 만드는 코드를 제공할 수 있습니다. 여기서는 Gemini에 Now in Android 앱의 스크린샷을 보여주고 이를 만드는 Compose 코드를 제공해 달라고 요청했습니다. 자세한 내용은 이미지 첨부파일로 UI 생성을 참고하세요.
앱이 어떻게 구성되는지 알고 싶다면 Gemini가 구성요소 측면에서 UI가 어떻게 작동하는지 설명해 줄 수 있습니다. 여기서는 Gemini에게 또 다른 Now in Android 스크린샷의 컴포저블과 데이터 흐름을 설명해 달라고 요청했습니다.
앱 아키텍처 다이어그램이 있는 경우 Gemini는 다이어그램을 기반으로 앱을 만드는 코드를 제안하여 풀 스택 개발 어시스턴트 역할을 할 수 있습니다. Gemini는 다이어그램을 문서화하고 앱의 구조를 설명하는 데도 도움이 되므로 팀원이 검토할 설계 문서를 작성할 때 유용합니다.
UI 버그가 발견되면 스크린샷을 찍고 Gemini에게 해결책을 브레인스토밍해 달라고 요청하세요. 오류가 있는 영역을 동그라미로 표시하여 잘못된 부분을 지적할 수 있습니다.
이 페이지에 나와 있는 콘텐츠와 코드 샘플에는 콘텐츠 라이선스에서 설명하는 라이선스가 적용됩니다. 자바 및 OpenJDK는 Oracle 및 Oracle 계열사의 상표 또는 등록 상표입니다.
최종 업데이트: 2025-07-31(UTC)
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2025-07-31(UTC)"],[],[],null,["# Attach an image to your query\n\n| **Preview:** Enable image attachment through [Studio Labs](/studio/gemini/labs).\n| **Note:** Image attachment is currently available in Gemini's no-cost tier.\n\nAttach an image to your query for Gemini in Android Studio to better\nunderstand an app's architecture and accelerate the UI development process.\n\nTo attach an image to your prompt, click **Attach Image File**\n\nand upload the image.\n\nHere are just a few ways Gemini can help with images:\n\n- If you have a mock-up of the UI you'd like, Gemini can provide the code that\n creates it. Here we've shown Gemini a screenshot of the\n [Now in Android](https://github.com/android/nowinandroid) app and\n asked it to provide the Compose code to create it. To learn more, see\n [Generate UI with image attachments](/studio/gemini/generate-ui-with-images).\n\n- If you want to learn how an app is constructed, Gemini can explain how the UI\n works in terms of its component parts. Here we've asked Gemini to explain\n the composables and data flow behind another Now in Android screenshot.\n\n- If you have an app architecture diagram, Gemini can suggest code to create the\n app based on the diagram, serving as a full stack development assistant. Gemini\n can also help document the diagram and explain the construction of the app,\n which helps when writing a design doc for your teammates to review.\n\n- If you notice a UI bug, take a screenshot and ask Gemini to brainstorm\n solutions. You can help point out what's wrong by circling the area that has the\n error."]]