Transformasi UI

Anda dapat menggunakan Gemini untuk mengubah kode UI dalam lingkungan pratinjau Compose menggunakan bahasa alami langsung di pratinjau.

Untuk mengubah UI dengan Gemini, ikuti langkah-langkah berikut:

  1. Di panel pratinjau Compose, klik kanan pratinjau, lalu pilih Transform UI with Gemini.

    'Transformasi UI dengan Gemini' di menu konteks
    Mengakses menu 'Ubah UI dengan Gemini'
  2. Masukkan permintaan bahasa alami Anda, seperti "Sejajarkan tombol ini ke tengah", untuk memandu Gemini menyesuaikan tata letak atau gaya, atau pilih elemen UI tertentu dalam pratinjau untuk konteks yang lebih baik.

    Dialog modal 'Transformasikan UI dengan Gemini'
    Menerapkan transformasi bahasa alami ke pratinjau Compose
  3. Gemini menghasilkan diff dengan saran pengeditan kode. Anda dapat meninjau dan lebih memperbaiki pembaruan jika diperlukan sebelum menyetujui perubahan.

Coba perintah seperti berikut:

  • "Tambahkan lebih banyak ruang di antara teks"
  • "Make the icons 10% larger" (Buat ikon 10% lebih besar)
  • "Ubah warna latar belakang menjadi <warna>"