Buku Agentic UI Design Workflow
Buku tutorial bahasa Indonesia pertama yg nge-cover topik penerapan AI dalam UIUX Design secara holistik.
Panduan buat solo player dan team untuk mengubah design dari POC ke production code tanpa ngorbanin kualitas.
Apa kata pembaca
APAKAH KAMU MERASA
-
Overwhelmed sama tools AI baru yang darderdor tiap minggu, ga tau mana yang worth dipelajarin?
-
Khawatir bakal digantikan karena sekarang non-designer pun udah bisa bikin UI?
-
Dituntut atasan untuk masukin AI ke workflow, tapi ga ada arahan dan ga ada budget training?
-
Solo designer yang ga ada temen diskusi, kerjaan segudang dan butuh bantuan design agent tapi ga pernah berhasil?
-
Bingung mulai dari mana, udah baca puluhan thread Twitter tentang agentic AI, tapi pas mau praktek malah token abis duluan?
-
Muak sama output AI yang ga konsisten, ga sesuai brand, dan kelihatan "AI slop" bgt?
I feel u. Saya pun ngerasain hal yang sama dan kita ga sendiri. Dari 500+ designer yang daftar dan nyobain buku ini, semua punya keresahan yang sama.
Tiap hari ada tools baru.
Figma Make hari ini, Claude Design besok, entah apa lusa. Mau ngikutin satu-satu, capek bgt asli. Tapi perubahan tool itu baru di permukaan aja, yang sebenernya lagi berubah adalah cara kita mendesain di era agentic AI.
Buku ini ngajak kamu pindah ke cara pikir baru, men-challenge convention dan framework lama, memaksa kamu berpikir buat diri kamu sendiri. Biar ga panik lagi tiap ada tools baru, biar ga ngerasa ketinggalan saat industri lagi mencari bentuk barunya.
Buku ini dirancang untuk mendampingi kamu berproses melalui 4 tahapan. Kita mulai dari membangun mindset, lalu belajar menerjemahkan PRD menjadi design brief. Setelah itu, kamu akan masuk ke sesi praktik yang seru: mengeksplorasi desain menggunakan AI baik dari blank canvas maupun mengembangkan varian dari Design System yang sudah ada.
Perjalanan ini ditutup dengan tahap delivery, di mana kamu akan belajar cara mengkonversi Desain Figma ke POC (proof of concept), handoff ke tim developer, hingga Scaling Agentic Design Workflow ke Production Pipeline secara utuh. Setiap tahap yang kamu lewati didesain agar pemahaman dan skill kamu semakin advance.
Buku ini berisikan 40% pondasi pola pikir, 40% workflow kerja, dan 20% real production case study. Semuanya disertai latihan praktek di tiap modul. Ga cuman dapet teori kamu juga bakal ngelakuin banyak practical hands-on.
Saya meracik workflow ini selama 13 bulan terakhir, ngumpulin pelajaran dari 500+ designers dan menyajikannya dengan jujur. Tidak semua eksperimen saya masukin ke buku ini, hanya workflow yang bener2 saya pake sehari-hari, sehingga waktumu ga terbuang ngetes hal yang sudah saya buktiin ga berhasil.
TABLE OF CONTENT
Introduction
- A typical day in the life as a Startup Designer
- Di luar sana, semua sedang “memasak”
Pondasi pola pikir di era AI
- Modul 1: Mindset shift — dari Creator ke Conductor
- Modul 2: Design process baru, beyond Double Diamond
- Modul 3: design.md — bahasa baru antara designer dan AI
Framing & benchmark
- Modul 4: Problem framing & benchmark research
- Modul 5: Translate PRD jadi Design Brief
Praktik Agentic UI Design Workflow
Use Case 1 — Zero to UI
- Modul 6: Peta fitur Claude, mana buat apa
- Modul 7: Agentic design dari blank canvas
Use Case 2 — Design Iteration at Scale
- Modul 8: Eksplorasi varian dari UI dan DS yang sudah ada
- Modul 9: Claude sebagai Design Critic
Use Case 3 — Convert Figma jadi Production Code
- Modul 10: 4 tingkatan cara, mana yg cocok kapan
- Modul 11: Convert Figma dengan single prompt
- Modul 12: Convert Figma dengan Skills
- Modul 13: Convert Figma dengan Multiple Agents
- Modul 14: Scale up jadi production pipeline
Handoff & scaling
- Modul 15: Handoff hasil vibe coding ke developer
- Modul 16: Membangun Design System dengan AI
- Modul 17: GitHub sync untuk designer
- Modul 18: Deploy ke Cloudflare, live website
- Modul 19: Supabase sebagai database
Cheat Sheet
- Modul 20: Semua prompt, template, checklist dalam 1 halaman