Claude Code sedang mengubah proses desain

• Dengan memanfaatkan Claude Code, efisiensi desain meningkat karena kode yang langsung berfungsi dibuat tanpa mockup tahap menengah
• Penggunaan Figma menurun drastis, dan saat fitur diedit di dalam kode yang berfungsi dengan data nyata, titik-titik perbaikan UX muncul jauh lebih cepat dibanding mockup statis
• Fitur kecil langsung diimplementasikan dengan Claude Code tanpa Figma, sedangkan fitur besar melalui pekerjaan penemuan lebih dulu lalu dibuat artefak interaktif untuk dibagikan ke tim
• Proses berubah menjadi alur di mana pengajuan PR diselesaikan langsung tanpa handoff atau hasil kerja yang terbuang
• Sambil mempertahankan pemikiran yang berpusat pada pengguna, eksplorasi masalah, dan perbaikan iteratif, prinsip inti desain tetap dipertahankan, dan proses ini berkembang menjadi workflow baru yang mengurangi batas antara desain dan pengembangan

---

Perubahan inti: pekerjaan desain dengan Claude Code

• Menggunakan Claude Code setiap hari, dan peningkatan jumlah commit pada grafik commit Git menunjukkan integrasi antara desain dan pengembangan
  • Penggunaan Figma menurun tajam, beralih ke desain berbasis kode
• Ketika pengalaman pengguna yang diinginkan (use case, perilaku yang diharapkan, arah evolusi fitur) dijelaskan dalam bahasa alami, Claude Code memahami cara mengimplementasikannya
• Caranya sama seperti kolaborasi dengan engineer sebelumnya, tetapi kini desainer memegang kendali langsung
• Mockup mid-fi dilewati sepenuhnya, dan versi yang berfungsi bisa dibuat dengan prompting langsung di Claude Code dalam hitungan menit
• Saat mengedit versi yang berfungsi dengan data nyata, isu seperti penyelarasan, filtering, dan panjang data membuat perbaikan UX langsung terlihat

Proses desain baru

• Dalam beberapa bulan terakhir, proses telah berubah besar

• Fitur kecil diimplementasikan langsung dengan Claude Code tanpa Figma

  • Untuk peningkatan QoL, menambahkan kolom pencarian ke daftar, dan fitur yang memanfaatkan pola serta komponen yang sudah ada, Figma dilewati sepenuhnya dan pekerjaan langsung dilakukan di Claude Code
  • Tidak ada wireframe dan tidak ada handoff
  • Claude Code menggunakan komponen dan pola yang tepat dengan baik, dan khususnya Opus 4.6 memahami codebase serta melakukan pekerjaan yang benar bahkan tanpa instruksi eksplisit

• Fitur besar tetap melalui eksplorasi awal dan definisi masalah

  • Menuliskan masalah, use case, "bentuk" solusi yang baik (misalnya "terasa cepat dan minim friksi", "tidak membebani pengguna dengan pekerjaan tambahan"), serta pendekatan yang mungkin dilakukan
  • Ketika ini dibawa ke chat Claude umum untuk meminta ide tambahan, hasilnya mencakup beberapa ide menarik yang sebelumnya belum terpikirkan, bersama hal-hal yang kurang sesuai dengan konteks
  • Untuk arah yang lebih disukai, gunakan Claude untuk membuat artefak interaktif, mengecek rasanya secara langsung, lalu membagikannya ke rekan tim untuk mengumpulkan masukan
  • Jika lebih cepat daripada menulis prompt, terkadang dibuat juga wireframe lo-fi sederhana di Figma
  • Setelah pendekatan dipastikan melalui iterasi, diskusi tim, dan umpan balik pengguna, proses lanjut ke membangun dan memoles langsung di dalam kode dengan Claude Code

Area di mana Figma masih unggul

• Untuk eksplorasi visual (kombinasi warna, opsi tipografi, komponen baru), Figma masih unggul
• Membandingkan berdampingan, memperbesar/memperkecil, dan memindahkan elemen sulit dilakukan di dalam kode
• Namun, karena sebagian besar pekerjaan berada di dalam produk dan design system yang sudah ada, porsi area ini kini lebih kecil

Hal-hal yang tidak berubah

• Pemikiran yang berpusat pada pengguna, memahami kebutuhan, memahami masalah, mengeksplorasi berbagai opsi, iterasi dan pengujian, serta polishing untuk meningkatkan kualitas akhir tetap sama
• Hanya saja tahap-tahap tengah dalam proses kini sebagian besar berpindah ke Claude Code, dan kini pekerjaan dapat dilakukan langsung sampai kode sampai ke tangan pengguna
• Hasilnya, batas antara desain dan pengembangan berkurang, dan kecepatan pengiriman ke pengguna nyata meningkat
• Alurnya adalah bekerja langsung di medium akhir dan mengajukan PR tanpa handoff atau hasil kerja yang terbuang
• Sulit memprediksi bagaimana ini akan berubah ke depan, tetapi saat ini adalah masa eksperimen aktif dengan alat dan cara kerja baru

[tested]

Sekarang bahkan ada yang bilang developer juga harus menangani desain dengan memakai Claude Code, tapi apakah desain memang tidak perlu review/verifikasi?

[kuthia]

Dibandingkan pengembangan, dibutuhkan loop umpan balik yang jauh lebih cepat dan sering terjadi.
Karena pengembang berada di ujung akhir siklus kerja, menurut saya ada sisi di mana peran mereka dalam tim ditafsirkan secara berlebihan.