13 poin oleh GN⁺ 2026-01-20 | Belum ada komentar. | Bagikan ke WhatsApp
  • Semakin banyak desainer menggunakan agen berbasis CLI seperti Claude Code layaknya meja kerja, untuk membuat dan memperbaiki sesuatu dengan cepat
  • Dengan editor visual milik Cursor, penyesuaian kecil seperti padding dan spacing bisa langsung dicek, sehingga mengurangi bolak-balik prompt
  • Jika tidak menemukan efek UI yang dibutuhkan, mereka membuat sendiri playground/studio kecil untuk menguji opsi, lalu membawa kode yang sudah dipastikan ke proyek utama
  • Referensi yang bagus dimasukkan sebagai URL agar tekniknya bisa dianalisis dan diterapkan, memperkuat pola belajar sambil mengimplementasikan secara bersamaan
  • Claude.md global/proyek dijaga tetap ramping, dan jika perlu dipecah ke subfolder untuk mengurangi pembengkakan konteks sebagai prinsip operasional

  • Muncul sudut pandang yang memperlakukan Claude Code bukan sebagai alat coding, melainkan seperti komputer

Meja kerja AI desainer pada 2026

  • Semakin banyak yang merasa bahwa memperkuat skill (otot) lebih penting daripada mencari setelan yang “benar”
  • Dinding alat di meja kerja tiap orang berbeda, dan obsesi pada “stack yang benar” justru membuang waktu
  • Filosofi/pendekatan yang tetap berlaku meski alatnya berubah akan bertahan lebih lama

Cursor: browser in-app dan editor visual

  • Editor visual memungkinkan “langsung atur → langsung cek”, sehingga mempercepat fine-tuning
  • Meski tidak tahu nilai tepat seperti padding, optimasi iteratif tetap bisa dilakukan dengan mengaturnya langsung di UI
  • Dibanding bolak-balik prompt, pendekatan menyentuh langsung di layar terasa lebih natural bagi desainer
  • Ekstensi VS Code berfungsi sebagai jalur masuk yang menurunkan rasa takut terhadap terminal
  • Navigasi mouse/scroll pada UI aplikasi menciptakan perbedaan produktivitas dibanding terminal

Jika tidak ketemu, buat saja: strategi playground

  • Jika interaksi yang diinginkan tidak ada, bangun sendiri studio pribadi untuk bereksperimen hanya pada elemen tersebut
  • Untuk animasi on/off suara waveform yang ditempel pada video hover, dibuat lingkungan eksperimen untuk menguji berbagai opsi
  • Setelah memilih status yang paling cocok, kodenya diambil dan dihubungkan ke komponen proyek utama
  • Efek/parameter yang sudah sekali dibuat bisa dipakai ulang dan diperluas ke ikon atau elemen lain
  • Alat seperti hologram projector yang menampilkan hasil 3D setelah video diunggah juga dibuat dengan cara yang sama

Cara menangani efek yang sulit dijelaskan dengan kata-kata

  • Jika menguasai istilah dan penamaan kode yang dipakai developer, model akan lebih baik mencocokkan efek
  • Ekspresi seperti “glitchy” dan “CRT scan lines” bisa langsung terhubung ke implementasi kode
  • Jika URL contoh yang bagus dimasukkan lalu tekniknya dicari dan diterapkan, kecepatan belajar meningkat

Memasukkan tautan eksternal lalu mengimplementasikannya apa adanya: multi-layer shadow

  • Mengadopsi teknik membuat border + kesan kedalaman dengan beberapa layer shadow alih-alih border biasa
  • Berdasarkan jumlah layer, misalnya 3, efek bisa diperkuat dengan memperluasnya menjadi 5 layer
  • Jumlah layer bisa dibedakan pada elemen seperti button dan container untuk merancang perbedaan yang halus
  • Teori yang sama diterapkan berulang pada berbagai UI untuk memperkuat konsistensi gaya

Mensistemkan selera dengan skill/sub-agent

  • Dengan menjadikan kumpulan referensi seperti Yakob dan Jay Tompkins sebagai bahan belajar, dibangun agen audit visual/interaksi
  • Plugin Compounding Engineering berperan sebagai katalis yang mempercepat penyusunan skill/agent
  • Jika audit berbasis referensi diotomatisasi, loop manual “review-improve” bisa dijalankan berulang
  • Jika semua selera desainer dimasukkan ke satu skill, kegunaannya menurun, sehingga perlu dipersempit secara sengaja dan setepat operasi bedah
  • Perlu kriteria untuk membedakan detail aksen dan latar, sambil mewaspadai bias seperti “selalu subtil”

Panel kontrol Leva: tuas untuk menangkap detail dari kode

  • Di React/Next.js, Leva dapat mengekspos parameter sebagai knob/slider agar bisa langsung disesuaikan
  • Nilai seperti durasi animasi garis sudut hover dan timing tracer bisa dituning secara real-time
  • Setup bisa diotomatisasi hanya dengan instruksi natural language seperti “pasang Leva dan hubungkan hal-hal yang ingin saya atur”
  • Meski belum tahu parameter apa yang dibutuhkan, eksplorasi bisa dimulai dengan “buatkan knob yang relevan”

Prinsip pengelolaan Claude.md: ramping, terpisah, terlokalisasi

  • Di Claude.md global, masukkan hanya aturan yang benar-benar umum, dan Claude.md proyek juga harus menghindari menjadi ensiklopedia yang berlebihan
  • Jika dokumen memori persisten membengkak, konteks menjadi kotor dan kualitas kerja menurun
  • Dengan Claude.md per subdirektori, panduan per area bisa dipisahkan agar hanya konteks yang diperlukan yang dipanggil
  • Pola seperti menaruh kalimat pemicu “butuh UI control” sebagai aturan global, lalu otomatis mengadopsi Leva pada saat itu, juga memungkinkan

Sikap dalam memilih alat: keluar dari loop optimasi setelan

  • Rekomendasi alat menjadi tidak berarti hanya dalam beberapa bulan, dan pesan konten ala “produktivitas 10x” memicu loop over-optimization
  • Desainer nonteknis cenderung mengikuti saran secara harfiah, sehingga pendekatan yang berpusat pada prinsip berfungsi sebagai garis pertahanan
  • Seperti efek gitar/amp, stack ditentukan oleh selera dan tujuan, bukan jawaban tunggal
  • Kerugian terbesar adalah “tidak benar-benar membuat apa pun karena sibuk mengoptimalkan sistem”

Strategi investasi pribadi dengan anggaran terbatas

  • Perlu strategi memanfaatkan free trial secara agresif dan mengurangi tumpang tindih antartool untuk menekan noise
  • Jika sering mentok pada batas $20 Claude Code, bisa dikombinasikan dengan langganan $20 seperti Factory untuk mendistribusikan akses model
  • Operasi bolak-balik seperti membuat UI dengan Gemini 3 Pro di Factory lalu menjalankan pekerjaan besar di Claude Code juga memungkinkan
  • Tier $100 Claude Code menurunkan stres akibat limit dan membantu menjaga flow
  • Efisiensi juga dicari dengan memperluas penggunaan Claude Code ke tugas seperti merapikan Obsidian dan Linear, layaknya memakai sebuah “komputer”

Tuneup Day: menjadwalkan eksperimen secara tetap

  • Sisihkan setengah hari sebagai “dilarang produksi, hanya boleh memperbaiki setelan” untuk fokus pada eksperimen dan penataan
  • Menumpuk pemasangan plugin, penataan folder, uji workflow baru, serta membaca mendalam wawancara/tulisan pada hari itu menjadi pola yang mapan
  • Bentuk kebiasaan operasional dengan menumpuk daftar hal yang akan dikerjakan pada tuneup day berikutnya, lalu memilih dan menanganinya pada hari-H
  • Berkontribusi pada peningkatan kecepatan eksperimen sekaligus menghindari loop over-optimization

Belum ada komentar.

Belum ada komentar.