Alat dan Tech Stack UX Designer: Audit Jujur 2026 (Harga Nyata, Tanpa Pengisi)

Kebanyakan stack UX yang pernah aku audit bukan stack yang sesungguhnya. Mereka adalah Figma ditambah enam plugin yang dipasang seseorang pada 2023, dua seat riset yang belum masuk sejak Q1, dan pembaruan Zeplin yang otomatis ditagihkan untuk tahun ketiga berturut-turut.

Biaya nyata stack desainmu bukan tagihan Figma $15 per editor itu. Ini adalah tiga alat yang kamu bayar tapi tak seorang pun membuka, akun Hotjar yang berjalan paralel dengan FullStory karena dua PM masing-masing membeli sendiri, dan kontrak UserTesting yang menguncimu pada 50 sesi ketika kamu hanya menggunakan 11.

Aku akan membuatnya praktis. Harga nyata 2026. Tradeoff yang benar-benar pernah aku hadapi. Dan rencana audit 30 hari yang bisa kamu mulai Senin dan selesaikan sebelum percakapan anggaran kuartal depan.

Mengapa ini penting sekarang (dan mengapa keuangan akan bertanya)

Anggaran desain dipotong pada 2024, lagi pada 2025, dan orang-orang yang menyetujui pembaruan pada 2026 bukanlah orang yang sama yang menyetujuinya pada 2022. Mereka punya mitra keuangan, dashboard pengeluaran SaaS, dan daftar setiap alat dengan utilisasi di bawah 50%.

"Kita menggunakan Figma" dulu adalah jawaban lengkap. Sekarang pertanyaan lanjutannya adalah: seat mana, siapa yang masuk bulan lalu, mengapa riset membutuhkan alat terpisah, dan bisakah kita mengkonsolidasikan dua vendor session replay sebelum pembaruan.

Jika kamu tidak bisa menjawab pertanyaan-pertanyaan itu dalam sebuah rapat, orang lain akan menjawabnya untukmu, dan kamu tidak akan suka jawabannya. Desainer yang aku kenal yang bertahan dari dua putaran anggaran terakhir punya satu kesamaan: mereka masuk ke rapat dengan daftar alat, biaya per seat, dan daftar yang akan dipotong sudah disusun. Bertahan lebih baik dari panik.

The Core Six (apa yang benar-benar dibutuhkan setiap stack UX)

Enam kategori. Kebanyakan tim membutuhkan satu alat di masing-masing. Beberapa membutuhkan dua. Hampir tidak ada yang membutuhkan tiga.

1. Desain: Figma adalah standar, dan itu tidak masalah

Figma seharga $15 per editor per bulan pada paket Professional adalah jawaban yang membosankan tapi benar untuk 90% tim. Paket Organization naik ke $45 per editor per bulan untuk SSO, analytics design system, dan branching, yang penting jika kamu sudah melampaui 30 desainer atau berada di sektor yang diatur.

Alternatif jujur:

• Sketch: $12 per editor per bulan, hanya untuk Mac. Jika seluruh timmu menggunakan Mac dan kamu sudah menggunakan Sketch sejak 2017, biaya migrasi ke Figma mungkin tidak sepadan. Jika kamu memulai dari awal di 2026, kamu akan memilih Figma. Aku tidak akan berpura-pura sebaliknya.
• Penpot: open source, bisa di-host sendiri, $0 untuk edisi komunitas. Benar-benar bisa digunakan di 2026. Aku pernah melihat dua startup menggunakannya karena tim keamanan mereka tidak mengizinkan Figma cloud. Jika kamu punya batasan itu, ini adalah pilihan nyata. Jika tidak, kamu membayar diri sendiri dalam waktu yang dihemat dengan menggunakan alat yang digunakan semua orang.

Jangan beli Adobe XD. Sudah dalam mode siaga selama dua tahun.

2. Prototyping: jebakannya adalah membeli Framer padahal Figma sudah cukup

Prototyping Figma sudah cukup baik untuk 80% dari apa yang benar-benar dikirimkan tim. Alur click-through, transisi dasar, smart animate, pembaruan variabel pada 2024. Semuanya ada dalam seat $15 yang sudah kamu miliki. Kamu tidak membutuhkan alat kedua untuk sebagian besar pengujian kegunaan.

Di mana kamu benar-benar membutuhkan lebih:

• Framer: $15 per pengguna per bulan pada paket Pro, dengan publishing pada tier Mini dan Basic di bawahnya. Proposisinya nyata: interaksi dan situs yang bisa dipublikasikan, yang penting jika kamu membuat prototipe eksperimen marketing atau prototipemu ADALAH produknya. Jika kamu membuat prototipe layar aplikasi untuk pengujian kegunaan, kamu tidak memerlukan Framer. Aku pernah melihat dua tim membeli Framer untuk "prototipe yang lebih kaya" dan tidak pernah menggunakan lapisan publishing, yang merupakan seluruh poinnya.
• ProtoPie: mulai sekitar $13 per editor per bulan pada Pro, lebih untuk Enterprise. Alasan nyata untuk membelinya: status sensor yang kompleks, prototipe perangkat keras, logika kondisional yang tidak bisa disimulasikan Figma. Jika kamu mendesain untuk tablet yang berbicara dengan pemindai Bluetooth, ProtoPie membayar dirinya sendiri pertama kali kamu menghindari pembuatan prototipe nyata di Swift. Jika tidak, lewati.

Aturan praktis yang aku gunakan: jika prototipemu perlu menipu pengguna selama 90 detik dalam pengujian kegunaan, Figma sudah cukup. Jika perlu menipu pengguna selama 10 menit atau mensimulasikan perangkat nyata, lihat ProtoPie. Jika perlu menjadi situs marketing yang sebenarnya, gunakan Framer.

3. Riset: pilih satu, lalu tahan diri untuk tidak membeli yang kedua

Riset adalah tempat stack paling cepat membengkak karena setiap PM punya alat favorit dan setiap desainer punya yang berbeda.

• Maze: $99 per bulan pada paket Starter, $200+ pada Professional. Kuat untuk tugas tidak termoderasi, tree test, first-click test, dan tes prototipe langsung dari Figma. Jika timmu sering menjalankan tes async kecil, Maze adalah standar yang tepat. Pelaporannya cukup baik untuk dibagikan kepada non-researcher tanpa terjemahan.
• UserTesting: harga enterprise, biasanya di atas $30 ribu per tahun untuk kontrak apa pun yang menyertakan panel rekrutmen. Kuat jika kamu membutuhkan peserta yang direkrut dalam segmen tertentu, sesi termoderasi dalam skala besar, dan tim risetmu punya kapasitas untuk menjalankannya. Lemah jika desainer generalis akan menjalankan dua studi per kuartal, karena kamu akan membakar seat dan jumlah sesi.
• dscout: dibangun untuk studi diary dan riset longitudinal. Spesifik tapi alat yang tepat ketika alternatifnya adalah kekacauan berbulan-bulan dari screenshot WhatsApp. Jika kamu tidak menjalankan studi diary, kamu tidak membutuhkannya.
• Lookback: sesi jarak jauh termoderasi, lebih murah dari UserTesting, sekitar $25 per pengguna per bulan pada tier bawah. Jalan tengah yang baik jika kamu ingin benar-benar berbicara dengan pengguna tanpa berkomitmen pada panel UserTesting.

Kesalahan yang paling sering aku lihat: sebuah tim membeli UserTesting Enterprise, researcher pergi, dan semua orang kembali ke Maze untuk pekerjaan tidak termoderasi. Dua tahun kemudian pembaruan UserTesting masih berjalan karena tidak ada nama yang terdaftar sebagai pemilik. Tentukan satu pemilik per alat, setiap alat, setiap pembaruan.

4. Session replay: satu sudah cukup, dua adalah kesalahan anggaran

• Hotjar: Observe Plus dari $39 per bulan, Business dari $99. Heatmap, rekaman sesi, survei di halaman. Standar yang tepat untuk tim produk di bawah 100 orang yang ingin session replay tanpa membangun tim data di sekitarnya.
• FullStory: harga enterprise, wilayah talk-to-sales, tapi analisis funnel dan event-nya lebih dalam dari Hotjar. Pilihan tepat jika PM-mu perlu memotong sesi berdasarkan 12 properti dan menjalankan analisis kohort tanpa mengekspor ke data warehouse.

Aku tidak pernah melihat keduanya cocok dalam satu tim yang sama. Jika kamu punya keduanya, salah satunya dibeli oleh PM yang tidak tahu tentang yang lain. Pilih yang lebih murah kecuali kedalaman analytics benar-benar sepadan dengan harganya karena menghasilkan wawasan yang bisa ditindaklanjuti, lalu batalkan yang lain sebelum pembaruan.

5. Aksesibilitas: Stark ditambah axe sudah cukup untuk kebanyakan tim

• Stark: plugin Figma, paket Individual sekitar $5 per bulan, paket tim meningkat. Pemeriksaan kontras, simulasi buta warna, urutan fokus, saran teks alt. Alat aksesibilitas minimum yang layak di dalam Figma. Tim mana pun yang mengirimkan produk yang menghadap pelanggan seharusnya memiliki ini di setiap seat editor.
• axe DevTools: Pro mulai sekitar $40 per pengguna per bulan, tier gratis untuk ekstensi browser dasar. Mengaudit situs langsung di DevTools. Jawaban tepat untuk menangkap apa yang tidak bisa ditangkap alat desain (masalah DOM yang dirender sebenarnya, kesalahan ARIA, hierarki screen-reader).

Jika kamu diatur, diaudit, atau mengirimkan pekerjaan sektor publik, kamu akan membutuhkan lebih dari dua ini. Jika kamu adalah tim produk biasa yang berusaha tidak mengirimkan pekerjaan yang tidak aksesibel, Stark di Figma ditambah axe di browser adalah dasarnya, dan dasar itu sudah cukup.

6. Handoff: Dev Mode mengakhiri Zeplin untuk kebanyakan tim

Ini adalah kategori di mana kebanyakan tim masih membayar untuk sesuatu yang tidak mereka butuhkan.

• Figma Dev Mode: built-in di Figma, termasuk dalam seat Professional atau Organization. Inspect ramah developer, snippet kode, design token, flag status, tautan langsung ke Storybook. Untuk 80% tim, ini mengakhiri Zeplin pada 2023 dan mereka hanya belum selesai membatalkan kontraknya.
• Storybook: gratis, open source. Sumber kebenaran sebenarnya untuk komponen jika kamu punya design system. Storybook ditambah Dev Mode adalah stack handoff modern.
• Zeplin: paket Team sekitar $7 per editor per bulan, Organization lebih tinggi. Ada alasan nyata untuk Zeplin hanya jika kamu menyerahkan pekerjaan ke tim dev eksternal penuh yang tidak punya seat Figma. Untuk sebagian besar tim internal, Zeplin membayar dua kali untuk apa yang sudah dilakukan Dev Mode.

Aku secara pribadi sudah menghapus Zeplin dua kali di dua perusahaan berbeda. Kedua kali pembaruannya sudah ada dalam anggaran tahun berikutnya. Kedua kali tim eng berhenti membukanya sembilan bulan sebelumnya dan tidak ada yang menyadari.

Jebakan umum (hal-hal yang pernah aku lihat tim hambur-hamburkan uangnya)

• Membeli Framer karena seseorang ingin "prototipe yang lebih kaya" dan tidak pernah menggunakan lapisan publish. Jika kamu tidak mempublikasikan, Figma sudah cukup.
• Memperbarui UserTesting tanpa memeriksa jumlah sesi. Kontrak 50 sesi yang digunakan pada 11 sesi adalah $30 ribu untuk nilai $7 ribu. Negosiasikan turun atau beralih ke Maze.
• Menjalankan Hotjar dan FullStory secara paralel. Dua alat session replay adalah kesalahan anggaran yang tidak perlu. Pilih satu.
• Membayar Zeplin setelah Dev Mode diluncurkan. Terlambat dua tahun untuk menghapus ini adalah normal. Terlambat tiga tahun adalah kesalahanmu.
• Dua belas plugin per file Figma, tiga di antaranya menduplikasi fitur native yang ditambahkan pada 2024. Setiap plugin adalah item audit, kinerja, dan keamanan. Pangkas setiap tahun.
• Seat riset per-IC yang tidak digunakan siapa pun. Jika hanya satu desainer per kuartal yang menjalankan riset, beli satu seat bergilir, bukan lima.
• Lupa membatalkan. Kontrak tahunan otomatis diperbarui. Tandai tanggal pembaruan di kalender 60 hari sebelumnya, bukan 7 hari.

Audit 30 hari (mulai Senin ini)

Ini adalah versi yang pernah aku jalankan sendiri, dua kali. Berhasil. Ini juga menjadikanmu orang yang benar-benar ingin diajak bicara oleh keuangan, bukan dihindari.

Minggu 1: inventaris

Buat daftar setiap alat. Setiap satu. Termasuk yang gratis karena yang gratis menjadi berbayar dalam skala.

Untuk setiap alat, catat:

• Nama alat dan kategori (salah satu dari Core Six)
• Paket dan biaya bulanan
• Jumlah seat
• Pemilik per seat (nama, bukan tim)
• Terakhir masuk per seat, ditarik dari panel admin
• Tanggal pembaruan tahunan

Jika kamu tidak bisa mendapatkan data terakhir masuk dari panel admin, itu sendiri sudah menjadi temuan. Alat yang tidak memberi tahu kamu siapa yang menggunakannya adalah alat yang tidak bisa kamu pertahankan.

Minggu 2: wawancara

Bicaralah dengan tiga desainer dan satu PM. Ajukan empat pertanyaan yang sama:

1. Alat mana yang kamu buka setiap minggu?
2. Alat mana yang kamu buka setiap bulan atau kurang?
3. Alat mana yang tidak pernah kamu buka?
4. Jika kita memotong satu alat besok, yang mana dan mengapa?

PM sangat penting. PM melihat alat analytics dan prototipe secara berbeda dari desainer. Jawaban mereka tentang session replay dan prototyping biasanya menjadi suara penentu.

Minggu 3: potong

Apa pun dengan penggunaan mingguan di bawah 50% di antara pemegang seat, turunkan tingkat atau hapus. Apa pun dengan dua alat yang mengerjakan pekerjaan yang sama, konsolidasikan ke yang lebih murah atau lebih baik. Apa pun tanpa pemilik yang ditunjuk, auditnya selesai dan jawabannya adalah batalkan.

Contoh nyata dari tim 12 desainer yang pernah aku kerjakan:

Total sebelum: sekitar $69.000 per tahun. Total sesudah: sekitar $14.300 per tahun. Tim mendapat alat yang lebih baik, bukan lebih buruk. Kemenangan ada di pengurangan.

Minggu 4: dokumentasikan

Tulis satu halaman "Design Ops README" dan taruh di repo design system atau Notion tim. Sertakan:

• Daftar alat dengan pemilik dan tanggal pembaruan
• Alasan hapus/pertahankan (satu baris masing-masing)
• Daftar "sudah dicoba ini" (Framer, FullStory, Zeplin, yang mana pun yang dihapus)
• Instruksi onboarding untuk rekrutmen berikutnya agar mereka tidak membeli kembali apa yang baru saja kamu hapus

README adalah artefak yang melindungi audit setahun dari sekarang ketika seseorang baru bergabung dan mengusulkan kembali Framer. Kamu bisa menunjuk ke dokumen itu dan berkata "kita mengevaluasi ini pada April 2026, ini alasan kita melewatinya, ini yang akan mengubah jawabannya." Itu percakapan yang ingin kamu lakukan sekali, bukan setiap kuartal.

Biaya stack per desainer adalah angka yang kamu inginkan

Di akhir audit 30 hari, kamu seharusnya bisa menjawab satu pertanyaan tanpa spreadsheet: berapa biaya stack desain kita per desainer per bulan?

Angka yang wajar untuk 2026 untuk tim produk biasa adalah $150 hingga $300 per desainer per bulan, semuanya termasuk. Jika kamu di atas $400, kamu punya seat yang tidak digunakan atau alat yang duplikat. Jika kamu di bawah $100, kamu kekurangan alat atau kamu adalah startup 2 orang yang menggunakan tier gratis, yang juga tidak masalah.

Angkanya sendiri bukan tujuannya. Tujuannya adalah memiliki angka itu, mengetahui apa yang ada di dalamnya, dan menjadi orang yang bisa mempertahankan item baris dalam rapat 15 menit. Itulah versi design ops yang dibiarkan saja oleh keuangan.

Seperti apa "bagus" di 2026

Kamu tidak membutuhkan stack mewah untuk menghasilkan pekerjaan yang hebat. Kamu membutuhkan:

• Seat Figma yang sesuai dengan jumlah editor, tidak lebih
• Satu alat escalasi prototyping, digunakan mungkin dua orang
• Satu alat riset, dengan pemilik yang ditunjuk
• Satu alat session replay, dipilih dengan sengaja
• Stark di setiap seat Figma, axe di browser yang membutuhkannya
• Dev Mode untuk handoff, Storybook untuk kebenaran komponen
• Sebuah README yang memberi tahu rekrutmen berikutnya apa yang sudah dicoba

Itulah seluruh stack. Enam kategori. Tujuh atau delapan alat. Angka yang bisa dipertahankan. Mitra keuangan yang berhenti bertanya.

Kemenangan ada di pengurangan.

Pelajari Lebih Lanjut

• Job Description Product Designer
• Riset Pengguna yang Menggerakkan Roadmap
• Kontribusi Design System Tanpa Merusak yang Sudah Ada
• Wireframing dan Prototyping yang Melewati Tahap Engineering