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