- Pusat Bantuan
- Mendesain & mengedit
- Varian responsif dan per perangkat
Varian responsif dan per perangkat
Buat versi ponsel dan desktop dari sebuah layar dan jaga keduanya selaras.
Terakhir diperbarui:
Membuat varian
Minta saja, atau pakai kontrol perangkat pada layar:
Buat versi ponsel dari halaman arahan.
Varian itu adalah layar baru di kanvas, disesuaikan dengan lebar tujuan — bukan pengubahan ukuran yang mengalir. Tata letak benar-benar disusun ulang: bagian berkolom banyak menumpuk, navigasi mengecil, tipografi turun skala.
Biaya
Mengubah layar ke ukuran perangkat lain ditagih per layar dengan tarif sama seperti pembuatan ulang, karena memang begitu. Mengubah delapan layar memakan biaya delapan kali lipat — sebaiknya cek saldo dulu.
Menjaga varian tetap selaras
Varian adalah layar terpisah, jadi pengeditan belakangan pada versi desktop tidak otomatis mengalir ke versi ponsel. Dua pilihan:
- Minta perubahan pada keduanya secara eksplisit: “Di halaman arahan desktop dan ponsel, ubah CTA menjadi ‘Mulai gratis’.”
- Atau selesaikan dulu desain desktop, lalu buat variannya sekali di akhir. Ini biasanya urutan yang lebih murah.
Tema dipakai bersama
Kedua varian memakai tema proyek, jadi perubahan warna dan huruf otomatis berlaku untuk keduanya. Hanya tata letak yang khas tiap varian.
Kode hasil ekspor
Kode hasil ekspor mencerminkan layar yang Anda ekspor. Kalau Anda butuh satu implementasi yang benar-benar responsif alih-alih dua tata letak tetap, ekspor layar desktop lalu sesuaikan, atau ekspor keduanya dan gabungkan di breakpoint — lihat Ekspor kode.
Apakah artikel ini membantu?
Artikel terkait
Mengedit layar
Tiga cara mengubah desain — obrolan, mode edit, dan tema — dan kapan masing-masing jadi alat yang tepat.
Tema dan panduan gaya
Cara kerja tema proyek, cara mengubahnya dengan aman, dan mengapa warna tidak boleh diedit layar per layar.
Ekspor kode (HTML, React, Tailwind)
Ekspor satu layar atau satu proyek penuh sebagai kode front-end siap produksi.