Alat dan Tech Stack Desainer Produk: Audit Jujur 2026

Setiap tim desain yang pernah saya kerjakan memiliki artefak yang sama. Ini adalah halaman Notion berjudul "design tools" dengan dua puluh tiga langganan SaaS di dalamnya. Separuhnya ditagih ke kartu korporat milik desainer yang sudah pergi dua tahun lalu. Tiga di antaranya melakukan hal yang sama. Dua di antaranya tidak pernah dibuka sejak onboarding. Satu di antaranya adalah panel riset termoderasi senilai $400/bulan yang digunakan perusahaan tepat dua kali.

Ini bukan stack. Ini adalah tumpukan yang terbentuk dengan sendirinya. Stack adalah sesuatu yang Anda rancang; ini adalah sesuatu yang terjadi begitu saja pada Anda.

Solusinya bukan alat lain. Solusinya adalah disiplin untuk menjawab enam pertanyaan tentang pekerjaan Anda dan memilih satu alat per pertanyaan. Itulah inti tulisan ini. Sisanya hanyalah rinciannya.

Mengapa Kebanyakan Stack Terlalu Gemuk

Figma ditambah setumpuk plugin bukan sebuah stack. Itu pilihan default. Default tidak masalah ketika biaya memilih tinggi dan biaya salah pilih rendah. Alat adalah kebalikannya. Salah pilih itu mahal (migrasi, pelatihan ulang, hilangnya ingatan institusional), dan memilih sebenarnya tidak sesulit itu jika Anda tahu apa yang Anda pilih.

Stack desain produk yang nyata menjawab enam pertanyaan:

1. Bagaimana kita mendesain? (file, kanvas, sumber kebenaran)
2. Bagaimana kita membuat prototipe? (low-fi, high-fi, dan kasus hardware/native yang jarang terjadi)
3. Bagaimana kita melakukan riset? (tes tidak termoderasi, panel termoderasi, sintesis)
4. Bagaimana kita mengamati pengguna nyata? (session replay, bukan analytics)
5. Bagaimana kita mengukur penggunaan? (product analytics, funnel dan kurva retensi)
6. Bagaimana kita menyerahkan pekerjaan ke engineering? (design system, dev mode, bukti bahwa "ya, inilah yang kami rilis")

Jika stack Anda memiliki lebih dari dua alat per pertanyaan, Anda punya masalah stack. Jika stack Anda tidak memiliki alat untuk satu pertanyaan pun, Anda punya masalah kematangan. Kebanyakan tim memiliki keduanya.

Enam Inti (dengan harga nyata, April 2026)

Harga di bawah ini adalah harga daftar publik per April 2026. Diskon enterprise ada; abaikan untuk audit ini dan hitung berdasarkan harga daftar. Jika Anda tidak bisa membenarkan alat tersebut dengan harga daftar, Anda tidak bisa membenarkan menyimpannya di kartu korporat.

1. Desain, Figma Professional ($15/editor/bulan, ditagih tahunan)

Figma masih menjadi fondasi. Saya berharap memiliki pendapat yang lebih menarik. Sketch ada, Penpot ada, akuisisi Adobe tidak terjadi dan orang-orang melanjutkan hidup. Pilih Sketch hanya jika Anda memiliki tim yang sepenuhnya menggunakan Mac dengan alasan yang kuat. Pilih Penpot hanya jika Anda benar-benar membutuhkan open-source dan self-host (industri dengan regulasi ketat, umumnya). Selain itu, Figma Professional, $15 per editor per bulan dengan penagihan tahunan, $20 bulanan. Viewer gratis. Berhentilah membayar untuk kursi viewer secara tidak sengaja.

Penilaian jujur: kebanyakan tim kelebihan lisensi pada kursi editor. PM dan engineer tidak perlu mengedit. Audit daftar kursi Anda, turunkan semua orang yang tidak memindahkan frame dalam 60 hari. Itu saja biasanya cukup untuk membiayai dua alat berikutnya dalam daftar ini.

2. Prototyping, Figma untuk low-fi, Framer atau ProtoPie untuk sisanya

Tiga alat, tiga pekerjaan.

Figma untuk click-through low-fi dan tinjauan desain. Anda sudah membayarnya. Jangan bayar dua kali.

Framer ($15/bulan Mini, $30/bulan Basic) untuk prototipe web yang terasa seperti produksi (apa pun yang demonya perlu terasa seperti situs web nyata dengan interaksi nyata, transisi halaman, dan konten berbasis CMS). Nilai Framer bukan karena lebih baik dari Figma; melainkan karena prototipenya bisa menjadi situs marketing. Untuk tim B2B SaaS, ini lebih penting dari yang diakui kebanyakan orang.

ProtoPie ($13/bulan Pro per editor, $33/bulan Enterprise per editor) untuk interaksi hardware dan native. Sensor, akselerometer, logika percabangan, serah terima (handoff) multi-perangkat. Jika Anda mendesain aplikasi ponsel, interaksi smartwatch, atau apa pun yang menyentuh hardware, ProtoPie adalah satu-satunya alat yang menangani pekerjaan ini dengan serius. Jika tidak, lewati saja. Kebanyakan desainer produk tidak membutuhkannya. Yang membutuhkannya tahu persis mengapa.

Perangkapnya: membeli ProtoPie karena desainer senior mendemonstrasikannya dan terlihat keren. Alat yang tidak Anda gunakan setiap minggu adalah alat yang harus Anda batalkan.

3. Riset, Maze, UserTesting, Dovetail (pilih yang sesuai dengan realita Anda)

Riset adalah tempat stack berkembang paling cepat karena setiap vendor riset menjual "kami menggantikan semua yang lain." Tidak ada yang melakukannya.

Maze ($99/bulan Starter, $375/bulan Professional) untuk tes kegunaan tidak termoderasi, tree test, card sort, dan validasi prototipe cepat. Cepat, murah, terintegrasi dengan Figma. Jika Anda merilis setiap minggu, Maze terbayar dalam bulan pertama.

UserTesting adalah panel termoderasi. Harga berbasis kuotasi, historisnya $25 ribu-$40 ribu per tahun untuk kontrak pemula, lebih jika Anda menginginkan rekrutmen dan segmentasi. Sepadan hanya jika Anda menjalankan 4+ studi termoderasi per kuartal. Di bawah itu, rekruter lepas ditambah Calendly ditambah Zoom lebih murah dan lebih fleksibel. Kebanyakan tim mempertahankan UserTesting karena inersia.

Dovetail ($99/pengguna/bulan Professional, $159/pengguna/bulan Enterprise) untuk sintesis riset, penandaan, dan pertanyaan "di mana kami mendengar wawasan itu." Dovetail adalah alat yang benar-benar penting bagi tim yang sudah matang dalam riset, karena rekaman mentah bukan wawasan. Sintesisnya adalah asetnya. Jika Anda tidak melakukan sintesis, Anda tidak melakukan riset.

Penilaian jujur: tim kecil (1-3 desainer) bisa bertahan dengan Maze ditambah database Notion bersama. Tim menengah (5-15 desainer) membutuhkan Maze ditambah Dovetail. Tim besar menambahkan UserTesting di atasnya, dan hanya karena mereka memiliki orang research ops yang menjalankannya. Jika Anda tidak memiliki orang research ops, UserTesting akan menjadi barang berdebu dalam enam bulan.

4. Session Replay, FullStory atau Hotjar (pilih satu, bukan keduanya)

Session replay untuk mengamati pengguna nyata yang frustrasi mengklik navigasi berulang kali. Ini bukan analytics. Ini bukan pengganti riset. Ini adalah lapisan kualitatif di atas data kuantitatif Anda.

FullStory adalah pilihan enterprise: harga berbasis kuotasi, historisnya sekitar $199/bulan untuk tier masuk dan meningkat cepat berdasarkan traffic. Filtering lebih baik, fitur tim lebih baik, integrasi lebih baik.

Hotjar ($32/bulan Plus, $80/bulan Business) adalah pilihan tim kecil. Heatmap, rekaman, funnel dasar. Murah, cukup baik, ada batasnya. Di atas sekitar 50 ribu sesi bulanan Hotjar mulai terasa berat.

Saya melihat tepat satu tim yang benar-benar membutuhkan keduanya. Mereka salah; mereka membutuhkan salah satunya dan sudut pandang yang lebih jelas. Pilih satu.

5. Product Analytics, Amplitude, Mixpanel, atau PostHog (satu, pelajari secara mendalam)

Ini adalah kategori di mana desainer paling banyak kehilangan pengaruh karena tidak terlibat.

Amplitude memiliki tier gratis yang dermawan (hingga 50 ribu pengguna terlacak bulanan) dan paket berbayar berbasis kuotasi. Behavioral analytics terbaik di kelasnya, cohort yang kuat, dan query funnel/retensi benar-benar berguna.

Mixpanel ($28/bulan tier Growth, skala berdasarkan event) adalah pesaing yang lebih ringan. UI lebih bersih, lebih cepat dipelajari, lebih lemah pada segmentasi lanjutan.

PostHog adalah favorit engineer. Gratis jika self-host, $0,00005 per event di cloud (praktis gratis hingga sekitar 1 juta event/bulan). Menggabungkan session replay, feature flag, dan analytics. Jika tim engineering Anda sudah menggunakan PostHog, gunakan saja. Tidak ada alat terpisah yang perlu dibeli.

Desainer yang bisa menulis query funnel di alat analytics mereka didengarkan dua kali lebih sering dalam tinjauan produk. Saya menyaksikannya selama satu dekade. Pilih satu, lewati fase "nanti saya pelajari," dan pelajari sekarang. Anda tidak perlu menjadi ilmuwan data; Anda perlu menjadi orang di ruangan yang bisa menjawab "apa yang terjadi setelah kita merilis itu?" tanpa meminta PM untuk menarik laporan.

6. Design System + Handoff, Figma Dev Mode + Storybook

Figma Dev Mode ($25 per kursi dev per bulan) adalah lapisan serah terima (handoff). Ini memberikan engineer pengukuran, token, potongan kode, dan perbandingan versi tanpa siapa pun memerlukan kursi editor. Sepadan setiap dolarnya; alternatifnya adalah thread Slack per spec.

Storybook adalah open-source dan gratis. Di sinilah komponen yang sudah dibangun berada, terdokumentasi, dengan props dan state-nya. Bersama dengan Figma Dev Mode, pertanyaan "apakah ini dibangun dengan benar?" menjadi perbandingan 30 detik alih-alih bolak-balik yang menghabiskan dua hari waktu engineer per sprint.

Storybook bukan alat desain. Ini adalah alat design system. Jika Anda tidak memilikinya, design system Anda bukan sistem; itu adalah library Figma dan sejumlah harapan. Tim yang memelihara Storybook merilis 30-40% lebih sedikit regresi visual, berdasarkan pengalaman saya. Tim yang tidak, mengajukan bug yang sama tiga kali per kuartal.

Enam Inti dalam Satu Pandangan

Total di ujung tim kecil (3 desainer, 5 engineer, traffic sedang): sekitar $200-280/desainer/bulan semuanya. Di ujung tim menengah (10 desainer, 20 engineer, traffic nyata): $300-450/desainer/bulan. Jika Anda membayar lebih dari $500/desainer/bulan untuk enam inti ini, Anda memiliki masalah audit, bukan masalah perkakas.

Audit Stack 30 Hari

Ini adalah bagian yang dilewatkan kebanyakan tim lalu mengeluh soal proliferasi alat. Blokir empat minggu itu. Masukkan ke kalender. Inilah yang harus dilakukan.

Minggu 1, Inventarisasi

Daftarkan setiap alat, setiap kursi, setiap tanggal pembaruan, setiap pemilik, setiap biaya bulanan. Satu spreadsheet. Kolom: alat, kategori, jumlah kursi, pemilik, pengeluaran bulanan, login terakhir (tarik dari admin), tanggal pembaruan, persyaratan kontrak.

Jujur tentang kolom login terakhir. Jika tidak ada yang membuka alat dalam 90 hari, itu kandidat pembatalan. Jika tidak ada yang membukanya dalam 180 hari, itu bukan kandidat, itu sudah pasti dihentikan.

Output minggu 1 adalah satu angka: total pengeluaran stack per desainer per bulan. Kebanyakan tim tidak pernah menghitungnya. Angkanya biasanya 2 kali lipat dari yang diperkirakan orang.

Minggu 2, Pilih Satu Per Kategori

Ambil enam inti. Untuk masing-masing, pilih tepat satu alat. Dokumentasikan pilihan dan alasannya dalam satu kalimat masing-masing. Alasan yang berlaku: "tim sudah mengenalnya," "sudah dibayar," "terintegrasi dengan analytics stack kami." Alasan yang tidak berlaku: "kami selalu menggunakannya," "desainer senior lebih suka itu."

Output minggu 2 adalah dokumen satu halaman dengan enam baris. Alat, mengapa, pemilik.

Minggu 3, Migrasi atau Penghentian

Ini adalah minggu yang menyakitkan. Apa pun dalam inventarisasi yang tidak masuk ke daftar pilihan mendapat tanggal penghentian. Migrasikan datanya, batalkan kontraknya, distribusikan ulang kursinya. Dua alat prototyping menjadi satu. Tiga alat riset menjadi dua (kadang satu). Delapan plugin Figma yang tumpang tindih menjadi dua.

Komunikasikan penghentian terlebih dahulu. Desainer akan menolak kehilangan alat yang mereka sukai. Sebagian besar penolakan bersifat sentimental, bukan operasional. Tanyakan "pekerjaan apa yang Anda lakukan dengan ini yang tidak bisa Anda lakukan tanpanya?" Jika jawabannya tidak jelas, hentikan.

Minggu 4, Dokumentasikan dan Bagikan

Tulis dokumen "design stack" satu halaman. Enam kategori, alat yang dipilih, harga, pemilik, proses akses, tautan ke library/akun tim. Bagikan ke PM dan Engineering. Sematkan di saluran desain. Perbarui setiap kuartal.

Dokumen itu adalah deliverable-nya. Jika dokumen tidak ada, audit tidak terjadi karena tim akan kembali ke halaman Notion berisi 23 langganan dalam satu kuartal.

Output minggu 4 adalah tidak ada lagi yang bertanya di tim Anda "tunggu, di mana kita menyimpan temuan riset lagi?" Pertanyaan itu saja menghabiskan berjam-jam per minggu di seluruh tim beranggotakan 10 orang.

Kesalahan Umum

Beberapa perangkap yang saya lihat tim jatuh berulang kali.

Membeli alat untuk memperbaiki masalah proses. Alat riset tidak akan membuat pemangku kepentingan membaca laporannya. Alat design system tidak akan membuat engineer berhenti memisahkan komponen. Alat serah terima (handoff) tidak akan membuat PM menulis spec yang lebih baik. Jika bottleneck-nya adalah manusia, tidak ada langganan SaaS yang memperbaikinya. Langkah yang tepat adalah percakapan yang sulit, bukan permintaan pengadaan.

Mengacaukan session replay dengan analytics. Session replay memberi tahu Anda apa yang dilakukan satu pengguna. Analytics memberi tahu Anda apa yang dilakukan 10.000 pengguna. Keduanya menjawab pertanyaan yang berbeda. Tim yang membeli Hotjar dengan harapan menggantikan Mixpanel akhirnya tidak ada satu pun kategori yang tertangani dengan baik.

Memperlakukan Figma sebagai design system. Figma adalah tempat design system berada dalam alat desain. Storybook adalah tempat design system berada dalam kode. Notion atau Zeroheight adalah tempat design system berada dalam dokumentasi. Ketiganya penting. "Design system" yang hanya berupa library Figma adalah kit komponen, bukan sistem.

Membeli alat enterprise untuk tim solo atau duo. UserTesting seharga $30 ribu/tahun untuk satu peneliti yang menjalankan dua studi per kuartal adalah pemborosan, bukan nilai. Dovetail seharga $99/pengguna untuk satu pengguna dengan 12 studi per tahun tidak masalah. Hitungannya harus masuk akal pada penggunaan aktual Anda, bukan penggunaan aspirasional Anda.

Membiarkan pembaruan berjalan otomatis. Atur pengingat kalender 60 hari sebelum setiap pembaruan. Gunakan jendela itu untuk renegosiasi atau pembatalan. Vendor mengharapkan penolakan pembaruan; mereka menetapkan harga tahun pertama sebagai pancingan. Tim yang tidak pernah renegosiasi membayar 30-50% lebih banyak selama tiga tahun dibandingkan tim yang melakukannya.

Seperti Apa "Selesai" Itu

Anda akan tahu audit berhasil ketika tiga hal ini benar.

Anda bisa menyebutkan setiap alat, setiap harga, setiap pemilik, dan setiap tanggal pembaruan tanpa membuka dokumen. Total pengeluaran per desainer adalah angka yang bisa Anda pertahankan kepada mitra keuangan Anda. Engineer tahu persis di mana mencari ketika mereka membutuhkan spec, dan berhenti bertanya di Slack.

Itu saja. Tidak ada lagi halaman Notion berisi 23 langganan. Tidak ada lagi tagihan misterius ke kartu milik desainer yang sudah pergi dua tahun lalu. Tidak ada lagi "saya rasa kita punya alat riset, di suatu tempat?" Stack menjadi tidak terlihat, dan itulah yang seharusnya, yaitu hadir ketika Anda membutuhkannya, senyap ketika tidak.

Desainer terbaik yang saya kenal hampir tidak pernah memikirkan stack mereka. Mereka memilih sekali, mengaudit sekali setahun, dan selebihnya mereka merilis pekerjaan. Itulah standarnya.

Pelajari Lebih Lanjut

• Job Description Product Designer
• Membangun Design System dari Nol
• Bekerja dengan Engineer Tanpa Gesekan
• Menjalankan Riset Pengguna yang Ringkas