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.

    'Transform UI with Gemini' di menu konteks
    Mengakses menu 'Transform 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 'Transform UI with Gemini'
    Menerapkan transformasi bahasa alami ke pratinjau Compose

  3. Gemini akan menghasilkan perbedaan dengan saran pengeditan kode. Anda dapat meninjau dan lebih memperbaiki pembaruan jika diperlukan sebelum menyetujui perubahan.

Coba perintah seperti berikut:

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