- Munculnya alat prototyping AI mendorong para desainer beralih dari mockup statis ke workflow di mana mereka langsung mengerjakan prototipe interaktif hingga implementasi kode nyata
- Di startup besar seperti Perplexity dan Vercel, para desainer memanfaatkan alat AI seperti Cursor, Claude, Lovable, dan V0 untuk menulis kode frontend hingga melakukan deployment ke production
- Di ranah branding, mereka membangun langsung alat pembuat sistem grafis dengan Lovable lalu menyerahkannya ke klien, sehingga ekspansi pola dan pemeliharaan brand bisa diotomatisasi
- Product intuition dan dasar-dasar desain grafis (warna, spacing, penilaian visual) tetap menjadi kompetensi inti, sementara AI berperan sebagai akselerator yang meningkatkan kecepatan eksekusi
- Peran desainer meluas dari sekadar "menggambar kotak" menjadi "mengomunikasikan visi dan mengambil keputusan", sehingga ide yang jelas dan kemampuan mengambil keputusan cepat menjadi lebih penting daripada sekadar kemampuan memakai alat
Workflow branding berbasis alat AI
- Nick Patterson (branding untuk Lovable, Craft, Maven, dll.) menggunakan Lovable untuk membuat alat pembuat sistem grafis brand hanya dalam 1 jam
- Dalam proyek branding pemroses pembayaran Flow Glad, ia membangun alat Pattern Architect berbasis pola geometri Islam
- Alat interaktif ini memungkinkan klien menyesuaikan radius, kepadatan bintang, ketebalan garis, jarak, dan lainnya secara real-time
- Dalam sprint 2 minggu (10 hari), beberapa versi alat pembuat pola dikembangkan lalu diserahkan ke klien
- Kini dimungkinkan untuk menampilkan visual berkualitas tinggi sejak tahap moodboard
- Dulu lebih banyak mengandalkan referensi karya desainer lain, tetapi sekarang hasil buatan sendiri menjadi pusat moodboard
- Pada hari ke-2, pekerjaan integrasi tipografi dan pola bergaya peta jalur metro sudah bisa dilakukan
- Cara handoff baru: menyerahkan alat langsung ke klien
- Setelah brand dibangun, klien diberi alat itu sendiri agar bisa memperluas dan memodifikasi pola secara mandiri
- Saat klien meminta "titik tengah", mereka bisa langsung menyesuaikan parameter untuk mengekspresikan maksudnya
- Ini membantu perusahaan yang bergerak cepat untuk segera mengimplementasikan dan memperluas brand mereka
Pemanfaatan alat prototyping AI dalam praktik kerja
- Pranati Perry (design lead Vercel V0) menggunakan V0 untuk pembuatan aset dan prototyping interaksi
- Membuat komponen cartridge untuk portofolio: menghasilkan SVG di Figma → mengubahnya menjadi alat dinamis di V0
- Dengan satu prompt, ia dapat mengubah warna gradien SVG, membuat teks menjadi dinamis, menambahkan efek transparansi, dan lain-lain
- Juga menyiapkan pembuatan animasi sprite dan game RPG berbasis web
- Workflow desain produk: tahap sebelum (Pre) - saat berjalan (During) - sesudah (Post)
- Sebelum: eksplorasi ide di Figma dan V0, dan Figma bukan lagi satu-satunya sumber UI
- Saat berjalan: menulis kode production dengan Claude, sehingga desainer mengimplementasikan sebagian besar desain secara langsung
- Sesudah: Vercel Agent meninggalkan komentar otomatis pada PR untuk membantu code review
- Cakupan penggunaan V0
- Prototipe kompleks seperti billing flow: alih-alih spaghetti prototyping di Figma, alur modal didefinisikan dengan bahasa alami
- Alat pembuat efek kubus dithering untuk iklan konferensi Next.js dan header email (dikerjakan oleh brand designer Dan)
- Animasi tombol CTA diselesaikan di V0 lalu langsung diserahkan ke design engineer
- Tren pengguna V0
- Pada awalnya banyak dipakai untuk landing page, grafis, dan shader
- Belakangan, tim sales dan PM menggunakannya untuk membuat software personal untuk pekerjaan mereka
- PM membuat mockup interaktif untuk melengkapi PRD, melampaui prototipe statis dengan koneksi data live dan integrasi AI
Integrasi alat AI dalam desain produk
- Henry Modiset (VP of Design, Perplexity) mendefinisikan peran desainer sebagai pemecah masalah + komunikator visi
- Alat AI dipakai sebagai alat komunikasi interaktif, dengan fokus pada visualisasi arah alih-alih mockup aplikasi yang sempurna
- Ide dapat dieksplorasi dengan cepat dan murah sebelum meminta engineer mengerjakannya
- Cara tim desain Perplexity memanfaatkan AI
- Tim brand design: bereksperimen dan mengombinasikan semua alat dengan prinsip velocity dan volume
- Tim product design: menulis kode production setiap hari dengan Cursor dan Claude Code
- Sebagian desainer menyesuaikan animasi di sandbox prototipe lalu menyerahkannya ke engineer
- Tim game design: kolaborasi antara desainer mekanik game + desainer UI + desainer pembuat musik
- Alat yang paling banyak diadopsi: Cursor
- Ini adalah alat yang paling terintegrasi penuh dari sisi desain produk
- Untuk eksplorasi unit kecil (misalnya animasi tertentu), digunakan alat sandbox seperti V0 dan Lovable
- Tim brand membangun pipeline dari Midjourney → Sora (video) → pembuatan musik → Frame.io
- Spektrum kemampuan teknis desainer
- Mereka yang sudah bertahun-tahun menulis kode production memakai AI sebagai akselerator utama
- Desainer tanpa pengalaman coding mulai belajar kode untuk menyempurnakan animasi dan menambahkan detail branding
- Gunnar (desainer), yang sebelumnya tidak punya pengalaman coding, kini menulis komponen UI Svelte dengan Cursor
Cara desainer berkontribusi pada codebase
- Implementasi kini menjadi table stakes bagi desainer
- Karena implementasi menjadi lebih cepat, kini ada lebih banyak waktu untuk berpikir kreatif
- Tindak lanjut fitur yang dulu butuh 2~3 minggu sekarang bisa dipangkas menjadi 1 minggu
- Menentukan cakupan prototipe itu penting
- Membuat prototipe seluruh flow tidak efisien; lebih baik membuat PR di tahap tengah lalu beralih ke implementasi nyata
- Alat AI paling efektif untuk prototyping interaksi yang sangat spesifik
- Untuk menangani edge case, menjelaskan kondisi dengan bahasa alami lebih efisien daripada membuat mockup satu per satu
- Pendekatan code review dan pembelajaran
- Perlu berkembang dari "blind coding" ke tahap benar-benar memahami kode yang ditulis LLM
- Perlakukan LLM seperti "intern"; kualitas hasil meningkat saat diberikan instruksi teknis yang spesifik
- Dengan menuliskan di Claude Memory bahwa "Saya seorang desainer dan ingin mempelajari cara kerja kode", peluang belajar bisa dibuka
- Untuk menghindari membebani engineer, targetnya adalah meminimalkan footprint
Evolusi peran desainer dan kriteria rekrutmen
- Kompetensi inti desainer di era AI
- Product intuition: kemampuan memutuskan apa yang perlu dibuat dan mengatakan "tidak" pada sebagian besar ide
- "Mengapa orang akan memakai ini? Apakah ini bekerja secara intuitif? Bagaimana kecocokannya dengan pasar? Apakah cukup menarik untuk diletakkan di homescreen?"
- Dasar desain grafis: kemampuan menilai apa yang "baik dan buruk", termasuk warna, spacing, dan pendefinisian karakter
- Sinyal yang diperhatikan Perplexity saat merekrut
- Pengalaman sebagai founding designer atau freelancer solo: sosok yang terbiasa mengambil keputusan secara mandiri
- Talenta yang memiliki dua sisi sekaligus: product intuition dan art direction
- Kemauan untuk terus belajar: karena alat berubah sangat cepat, kemampuan beradaptasi menjadi penting
- Redefinisi peran desainer
- Jika terjebak pada "menggambar kotak", tidak ada power
- Dengan alat AI, desainer dapat mengomunikasikan visi dalam kepala mereka dengan jauh lebih kuat
- Keuntungan utama desainer yang bisa coding: "lebih mudah langsung membuatnya daripada menjelaskan apa yang saya pikirkan"
- Hasil yang interaktif dan mendalam kini bisa dibuat hanya dalam hitungan hari
Struktur kolaborasi dan saran praktik
- Lingkungan di mana PM dan desainer sama-sama bisa membuat prototipe
- Dalam skenario terburuk bisa menjadi kacau, tetapi dalam skenario terbaik akan melahirkan software yang lebih baik
- Perlu meninjau ulang prinsip dasar: "merancang software dengan alat gambar statis itu tidak rasional"
- Prototipe interaktif adalah cara yang lebih natural untuk mendesain software
- Diperlukan budaya pengambilan keputusan yang jelas dan penetapan ownership
- Saat semua orang bisa membuat sesuatu, kemampuan mengambil keputusan cepat menjadi semakin penting
- Kekuatan desainer: piawai memilih arah di tengah ketidakpastian
- Saran penerapan di lapangan
- Ide adalah 80%, pemanfaatan alat hanya 20%
- Dua atau tiga tahun lalu orang masih coding tanpa AI, tetapi sekarang perubahannya sudah sulit dibayangkan
- Dengan percakapan bahasa alami, daftar ide bisa diubah menjadi prototipe
- Penting untuk belajar lewat kesalahan, dan budaya organisasi yang menyediakan ruang eksperimen itu krusial
Kesimpulan — Spektrum desain yang diperluas AI
- AI bukan sekadar alat untuk mempercepat desainer, melainkan medium yang memperluas rentang output kreatif
- Kini desainer berevolusi dari pengguna alat menjadi pembuat alat, melintasi batas antara kode, AI, dan grafis
- Era desain setelah Figma bergerak menuju perancangan ide yang berinteraksi, bukan gambar statis
- Dengan meluasnya AI, kita memasuki masa ketika bukan lagi "siapa yang bisa mengimplementasikan", melainkan "apa yang ingin dibuat" yang menjadi lebih penting
Belum ada komentar.