Kemarin kita belajar prompt KGSB yang tajam. Tapi ada satu keterbatasan kata-kata: kadang kamu tahu maunya seperti apa, tapi sulit menjelaskannya. Kamu pernah lihat dashboard yang keren, kamu tahu rasanya pas, tapi kalau disuruh mendeskripsikan dalam kalimat, buntu. Kabar baiknya, kamu tidak perlu mendeskripsikan. Tunjukkan saja gambarnya.
Tools AI modern bisa "melihat" gambar. Kamu upload screenshot desain yang kamu suka, lalu bilang "buatkan yang gayanya seperti ini". Hasilnya jauh lebih akurat daripada seribu kata deskripsi. Episode ini membahas cara memakai referensi visual dengan benar, dan batas etika yang tidak boleh kamu langgar.
Kenapa Gambar Mengalahkan Kata-Kata
Bayangkan kamu harus menjelaskan warna "biru yang elegan tapi tidak kaku, agak keabu-abuan, seperti langit sore" lewat teks. Susah, kan? Sekarang bayangkan kamu tinggal menunjukkan gambarnya. Selesai dalam satu detik.
Prinsip yang sama berlaku untuk desain. Gaya visual terdiri dari ratusan keputusan kecil: ketebalan garis, lengkungan sudut, jarak, bayangan, proporsi. Mendeskripsikan semuanya lewat teks itu melelahkan dan tidak akurat. Satu screenshot menangkap semuanya sekaligus. Praktik komunitas developer per akhir 2026 menunjukkan pola yang konsisten: prompt dengan referensi visual menghasilkan desain yang lebih kohesif dibanding prompt teks saja.
Cara Memberi Referensi ke AI
Langkah 1: kumpulkan 2 sampai 3 referensi. Jangan satu, jangan sepuluh. Satu terlalu sempit, sepuluh membingungkan. Dua atau tiga cukup untuk menunjukkan pola gaya yang kamu mau. Cari di situs seperti Dribbble, Behance, atau screenshot aplikasi yang kamu kagumi.
Langkah 2: sebutkan APA yang mau ditiru. Jangan cuma bilang "tiru ini". Jelaskan bagian spesifiknya: "tiru gaya kartu dan tombolnya, tapi isinya tetap punyaku". Ini penting supaya AI meniru gaya visual, bukan menjiplak konten dan layout secara utuh.
Langkah 3: gabungkan dengan KGSB. Referensi menggantikan bagian "Gaya" di formula kemarin. Konteks, Struktur, dan Batasan tetap kamu tulis seperti biasa.
Contoh prompt lengkapnya:
Buatkan halaman pricing untuk aplikasi kasirku.
Lihat 2 gambar referensi yang kulampirkan.
Tiru GAYANYA saja: kartu putih dengan bayangan lembut,
sudut membulat besar, dan tipografi yang tegas.
JANGAN tiru teks, logo, atau susunan persisnya.
Isi kartunya: paket Basic, Pro, Enterprise dengan
hargaku sendiri. Satu warna aksen oranye untuk
tombol paket yang direkomendasikan.Tiru Gaya, Jangan Jiplak Mentah-Mentah
Ini bagian pentingnya, jadi dengarkan baik-baik. Ada garis tegas antara terinspirasi gaya dan menjiplak karya orang. Terinspirasi gaya artinya kamu mengambil prinsip visualnya: cara mereka memakai ruang kosong, pilihan tipografi, atau gaya sudut membulat. Menjiplak artinya kamu menyalin layout, teks, gambar, dan identitas brand orang lain lalu mengaku sebagai karyamu.
Aturannya sederhana. Boleh: meniru gaya kartu, gaya tombol, palet warna umum, atau pola layout yang generik (semua landing page punya hero section, itu bukan milik siapa-siapa). Jangan: menyalin logo, ilustrasi khas, teks marketing, atau kombinasi visual yang jelas-jelas identitas sebuah brand. Kalau hasil akhirnya membuat orang mengira itu website brand lain, kamu sudah kelewatan.
Selain soal etika, ini juga soal praktis. Desain jiplakan membuat aplikasimu terlihat seperti tiruan murahan. Klien dan pengguna bisa merasakan kapan sesuatu itu asli dan kapan itu tempelan. Gaya boleh dipinjam, tapi identitas harus punyamu sendiri.
Berhenti dan tebak dulu! Kamu suka gaya tombol sebuah aplikasi terkenal dan ingin yang mirip. Mana yang aman dilakukan?
Referensi Selain Screenshot
Screenshot bukan satu-satunya referensi. Kamu juga bisa memakai sketsa tanganmu sendiri difoto pakai HP. Jangan malu kalau gambarmu jelek, AI justru bagus membaca sketsa kasar karena ia fokus ke struktur, bukan keindahan gambarmu. Banyak developer profesional memulai dari coretan kertas sebelum menyuruh AI.
Kamu juga bisa memberi referensi negatif: "jangan seperti ini" sambil melampirkan contoh yang kamu benci. Ini sangat efektif untuk menghindari gaya generik. Kombinasi "seperti ini, bukan seperti itu" memberi AI batas yang sangat jelas.
Menganalisis Referensi Seperti Desainer
Jangan cuma menyimpan screenshot, bedah mereka. Untuk tiap referensi, jawab empat pertanyaan: warna apa yang dominan dan apa aksennya? Bagaimana spacing-nya, lega atau rapat? Bagaimana tipografinya, tegas atau lembut? Apa satu hal yang paling berkesan? Jawaban empat pertanyaan ini adalah "resep" gaya tersebut, dan resep inilah yang kamu berikan ke AI.
Contoh analisis: sebuah dashboard yang kamu suka. Warna: background abu terang, kartu putih, aksen hijau. Spacing: lega, kartu ber-pading besar. Tipografi: angka besar tebal, label kecil abu. Kesan: tenang dan terpercaya. Resep untuk AI: "gaya seperti ini: background abu terang, kartu putih berpading lega, angka besar tebal dengan label kecil abu, kesan tenang dan profesional". Kamu baru saja menerjemahkan gambar menjadi prompt.
Membangun Bank Inspirasi Pribadi
Buat folder "inspirasi" dengan subfolder per kategori: landing-page, dashboard, form, mobile, dark-mode. Setiap screenshot beri nama yang deskriptif: "dashboard-fintech-lega.png", bukan "screenshot-001.png". Setelah terkumpul 20-30 referensi, kamu punya dua keuntungan: pola seleramu terlihat jelas (kamu akan sadar ternyata selalu suka yang lega dan minimalis, misalnya), dan kamu tidak pernah kehabisan contoh saat butuh referensi cepat.
Aturan main bank ini: tambah 2 referensi baru tiap minggu, hapus yang sudah tidak kamu sukai. Selera berkembang, bankmu harus ikut berkembang. Dan ingat batas etika episode ini: bank ini untuk inspirasi gaya, bukan untuk menjiplak mentah-mentah.
Checklist Referensi yang Baik
Tidak semua screenshot layak jadi referensi. Referensi yang baik memenuhi empat kriteria. Relevan: jenis aplikasinya mirip dengan punyamu (referensi dashboard untuk dashboard, bukan landing page untuk dashboard). Berkualitas: jelas-jelas hasil kerja profesional, bukan asal comot. Spesifik: kamu bisa menyebutkan apa tepatnya yang kamu suka darinya. Beragam: koleksimu mencakup gaya yang berbeda, bukan 20 screenshot yang semuanya mirip.
Hindari tiga jebakan. Jebakan portofolio palsu: banyak "desain" di internet adalah mockup yang tidak pernah dibangun, terlihat bagus tapi tidak realistis untuk diimplementasikan. Pilih referensi dari produk nyata yang bisa kamu buka dan pakai. Jebakan gaya sesaat: referensi yang sangat terikat tren tahun tertentu akan membuat aplikasimu cepat basi. Pilih yang gayanya timeless: bersih, rapi, jelas. Jebakan terlalu banyak: 50 referensi membuatmu bingung, bukan terinspirasi. Kurasi ketat lebih baik daripada koleksi besar.
Latihan kilat: buka folder inspirasimu sekarang, hapus yang tidak memenuhi empat kriteria. Sisakan maksimal 15 terbaik. Kualitas koleksi menentukan kualitas inspirasinya.
Tanya Jawab Singkat
Q: Di mana cari referensi yang bagus dan gratis?
A: Dribbble dan Behance untuk inspirasi umum (cari yang relevan dengan gayamu), screenshot aplikasi yang kamu kagumi sehari-hari, dan Mobbin untuk pola mobile spesifik. Untuk yang lebih terkurasi, cari "best dashboard design 2026" atau topik sejenis, tapi saring dengan seleramu sendiri, jangan telan mentah-mentah.
Q: Apakah meniru gaya kompetitor itu bermasalah?
A: Meniru gaya umum (kartu putih, sudut membulat) tidak masalah, itu bahasa desain universal. Yang bermasalah adalah meniru identitas khas kompetitor sampai pengguna bingung ini aplikasi siapa. Aturan praktisnya: kalau kompetitormu melihat aplikasimu dan langsung mengenali "itu gaya kami", kamu kelewatan. Ambil prinsipnya, campur dengan gayamu sendiri.
Q: Bagaimana kalau AI tidak bisa membaca gambar yang saya kirim?
A: Pastikan formatnya umum (PNG/JPG), ukurannya wajar (jangan 20MB), dan gambarnya jelas. Kalau tetap gagal, deskripsikan gambar itu dengan kata-kata memakai empat pertanyaan analisis dari episode ini, lalu kirim deskripsinya sebagai teks. Hasilnya hampir sama baiknya.
Q: Boleh pakai satu referensi saja?
A: Boleh untuk kasus sederhana, tapi dua atau tiga lebih baik karena menunjukkan pola, bukan satu contoh. Dengan satu referensi, AI cenderung menjiplak terlalu dekat. Dengan tiga, AI menangkap benang merah gayanya dan lebih kreatif menerapkannya.
Latihan Hari Ini
Cari 2 screenshot desain yang gayanya kamu suka untuk aplikasimu. Tulis satu paragraf: bagian spesifik apa yang mau kamu tiru dari masing-masing (bukan "semuanya bagus"). Lalu buat prompt dengan pola di atas dan generate satu halaman. Bandingkan dengan hasil tanpa referensi. Simpan kedua screenshot referensimu dalam satu folder bernama "inspirasi", karena folder itu akan jadi bank gaya pribadimu. Kita akan memakainya lagi saat membangun design system di episode 5.
Besok kita bahas "Prinsip Visual Kilat: Kontras, Alignment, Spacing, Hierarki", yaitu empat prinsip desain yang bisa kamu pahami dalam 15 menit tapi langsung membuat matamu tajam menilai hasil AI. Sampai jumpa jam 21:00. Bakar semangat kodingmu seperti api kompor.
Diskusi & Komentar 0
Punya tanggapan, pertanyaan, atau tips seputar tutorial ini? Tulis komentar kamu di bawah!
Jadilah yang pertama membuka obrolan dan berbagi pandangan seputar tutorial resep kode ini.
Tulis Komentar
Komentar menggunakan akun Google. Harap berkomentar dengan santun dan berbobot.