Android 스튜디오의 Gemini에 이미지를 첨부하여 앱의 아키텍처를 더 잘 이해하고 UI 개발 프로세스를 가속화하세요.
프롬프트에 이미지를 첨부하려면 이미지 파일 첨부
를 클릭하고 이미지를 업로드합니다.
다음은 Gemini가 이미지를 지원하는 몇 가지 방법입니다.
원하는 UI의 모형이 있는 경우 Gemini가 UI를 만드는 코드를 제공할 수 있습니다. 예를 들어 Now in Android 앱의 스크린샷을 Gemini에 제공하면 이를 만드는 Compose 코드를 제공할 수 있습니다. 이 예에서는 앱 피드의 스크린샷 (왼쪽)과 해당 UI에 대해 Gemini가 생성한 Jetpack Compose 코드 (오른쪽)를 보여줍니다. 자세한 내용은 이미지 첨부파일로 UI 생성을 참고하세요.
Gemini가 Now in Android 앱의 UI 스크린샷에서 Jetpack Compose 코드를 생성합니다. 앱이 어떻게 구성되는지 알고 싶다면 Gemini가 구성요소 측면에서 UI가 어떻게 작동하는지 설명해 줄 수 있습니다. 예를 들어 다른 Android 소식 스크린샷의 컴포저블과 데이터 흐름을 설명해 달라고 Gemini에 요청할 수 있습니다. 왼쪽 이미지는 뉴스 항목이 있는 세부정보 화면을 보여주고 오른쪽 이미지는 해당 화면의 Compose 구조와 데이터 흐름에 대한 Gemini의 설명을 보여줍니다.
Gemini가 특정 앱 화면의 UI 구성과 데이터 흐름을 설명합니다. 앱 아키텍처 다이어그램이 있는 경우 Gemini는 다이어그램을 기반으로 앱을 만드는 코드를 제안하여 풀 스택 개발 어시스턴트 역할을 할 수 있습니다. Gemini는 다이어그램을 문서화하고 앱의 구조를 설명하는 데도 도움이 되므로 팀원이 검토할 설계 문서를 작성할 때 유용합니다. 예를 들어 다음 이미지는 UI, ViewModel, 저장소, 데이터 소스와 같은 다양한 앱 구성요소 간의 데이터 흐름을 보여주는 간소화된 아키텍처 다이어그램을 보여줍니다.
Gemini는 앱 아키텍처 다이어그램에서 코드와 문서를 생성할 수 있습니다. UI 버그가 발견되면 스크린샷을 찍고 Gemini에게 해결책을 브레인스토밍해 달라고 요청하세요. 오류가 있는 영역을 동그라미로 표시하여 잘못된 부분을 지적할 수 있습니다. 다음 예시에서는 정렬되지 않은 UI 요소를 빨간색 원으로 강조 표시한 모바일 앱의 스크린샷을 보여줍니다.
Gemini는 스크린샷을 기반으로 UI 버그의 해결책을 브레인스토밍할 수 있습니다.