UI 변환

Gemini를 사용하면 Compose 미리보기 환경 내에서 자연어를 사용하여 미리보기에서 직접 UI 코드를 변환할 수 있습니다.

Gemini로 UI를 변환하려면 다음 단계를 따르세요.

1. Compose 미리보기 패널에서 미리보기를 마우스 오른쪽 버튼으로 클릭하고 Gemini로 UI 변환을 선택합니다.

   

2. '이 버튼을 가운데 정렬해 줘'와 같은 자연어 요청을 입력하여 Gemini가 레이아웃이나 스타일을 조정하도록 안내하거나, 미리보기에서 특정 UI 요소를 선택하여 컨텍스트를 개선하세요.

   

3. Gemini가 추천 코드 수정사항이 포함된 차이점을 생성합니다. 변경사항을 승인하기 전에 필요한 경우 업데이트를 검토하고 추가로 수정할 수 있습니다.

다음과 같은 프롬프트를 사용해 보세요.

• '텍스트 사이에 간격을 더 추가해 줘'
• '아이콘을 10% 더 크게 만들어 줘'
• '배경 색상을 <색상>으로 변경해 줘'