Awesome Generative UI

Kumpulan tool, library, SDK, dan framework AI terbaik untuk UI/UX designer serta frontend developer

Pelajari apa itu Generative UI dan temukan rekomendasi tool Generative UI untuk merancang, membuat, dan mengintegrasikan interface berbasis AI.

27
Paper
12
Studi Kasus
17
Video
40
Resource
5
Diskusi

Resource Terbaru

📚Resource

Harness4GenUI 2026: Engineering Foundations for Generative UI

Workshop resmi ASE 2026 yang membahas fondasi software engineering untuk Generative UI. Harness4GenUI memandang interface dinamis sebagai runtime system dan menyusun pembahasan seputar context model yang stabil, UI schema, rendering contract, testing, observability, safety, dan governance, bukan hanya kualitas hasil generasi.

genuiharness-engineeringsoftware-architecture
oleh ASE 2026 · 2026-10
Lihat Resource
📄Paper

LEGOUI: Designing with UI-DSL Bricks for Transparent, Controllable Generation

Paper HCI Agustus 2026 yang memperkenalkan framework Generative UI bertahap untuk ideasi desain awal. LEGOUI mencatat keputusan dari prompt dan inferensi model dalam UI DSL yang melacak asal keputusan, memungkinkan pengguna menerima, menolak, atau menambahkan keputusan pada tahap layout, interaksi, relasi, dan style, lalu melakukan rendering dari spesifikasi yang terus berkembang.

genuiui-dsldesign-time
oleh Zhou Y. et al. · 2026-08
Baca Selengkapnya
📄Paper

Beyond a Single Judge: Simulating Social Persona Panels for Generative UI Evaluation

Paper Juli 2026 yang memperkenalkan ESPP, metode evaluasi yang mengganti satu LLM judge dengan panel persona yang beragam secara psikologis dan berpijak pada bukti. Setiap panelis menilai screenshot interface yang dihasilkan secara independen, bertukar pendapat melalui mekanisme bounded-confidence, lalu hasilnya digabungkan menggunakan pembobotan sosial.

genuiui-evaluationhuman-preferences
oleh Wu Z. et al. · 2026-07
Baca Selengkapnya
📄Paper

Design Theater: A Benchmark for Generative UI

Paper Juli 2026 yang memperkenalkan benchmark untuk memeriksa apakah tool Generative UI benar-benar menerapkan alasan desain yang disampaikan kepada pengguna. Melalui 120 interface dari lima tool dan 24 tugas struktural, styling, serta fungsional, studi ini mengukur kesenjangan antara keputusan desain yang diklaim dan hasil yang dibuat.

genuiui-evaluationdesign-rationale
oleh Imteyaz K. et al. · 2026-07
Baca Selengkapnya
📄Paper

MV-Bench: Benchmarking MLLMs for Coordinated Multi-View Interface Construction

Benchmark Juli 2026 untuk menguji apakah multimodal language model dapat membuat interface visualisasi multi-view yang dapat dieksekusi dari desain visual. MV-Bench memakai workbook Tableau sebagai structured ground truth dan mengevaluasi fidelity visual, data binding, interaksi terkoordinasi, serta kemampuan kode untuk dieksekusi.

ui-generationmultimodal-modelsdata-visualization
oleh Zhao Y. et al. · 2026-07
Baca Selengkapnya
📄Paper

Learning to Detect UI Principle Violations via Reinforcement Learning

Paper Juli 2026 tentang vision-language critic ringan untuk interface web yang dihasilkan. Para penulis menyatukan 19 prinsip yang mencakup accessibility WCAG 2.2, deceptive design, dan cognitive usability, lalu melatih model pada sekitar 10.000 halaman hasil generasi dengan pelanggaran sintetis yang telah diverifikasi.

ui-evaluationaccessibilitydesign-quality
oleh Mehta N. et al. · 2026-07
Baca Selengkapnya
📄Paper

TaskArtisan: Designing Composable Generative Widgets for LLM-Assisted Analysis

Paper HCI Juli 2026 yang meneliti bagaimana Generative UI membuat workflow analisis chatbot yang panjang dan bertahap lebih mudah dikunjungi kembali dan digunakan ulang. TaskArtisan memungkinkan pengguna membuat widget analisis dan menyusunnya menjadi workflow berurutan atau fan-out, lalu membandingkan pendekatan ini dengan chatbot konvensional dalam studi 12 peserta.

generative-widgetsanalysiscomposition
oleh Chen M. and Pavel A. · 2026-07
Baca Selengkapnya
📄Paper

AI Prototyper: A Figma Plugin for Decomposition-Based GUI Prototyping with LLMs

Paper Juli 2026 yang memperkenalkan AI Prototyper, plugin Figma open-source yang mengubah deskripsi layar dalam bahasa alami menjadi prototype yang sepenuhnya dapat diedit. Pipeline-nya menguraikan permintaan menjadi fitur yang dapat ditinjau, mengambil component dari library tetap berisi 32 primitive, membuat instance dengan batasan schema, dan merender layer native Figma dengan auto-layout.

figmadesign-timegui-prototyping
oleh Salangsingha T. et al. · 2026-07
Baca Selengkapnya
📄Paper

Spatula: Exploring On-Demand In-Situ Interfaces and Interaction for Attribute Control

Paper HCI Juli 2026 yang memperkenalkan Spatula, sistem berbasis LLM yang membuat control kontekstual langsung pada canvas motion graphics. Elastic attribute control space miliknya mendukung progressive discovery, beberapa tingkat presisi, pengeditan kelompok secara semantik, dan control baru sesuai kebutuhan.

on-demand-uicreative-toolsdirect-manipulation
oleh Li B. et al. · 2026-07
Baca Selengkapnya

Kumpulan terkurasi berisi resource Generative UI untuk designer dan developer.

Dibuat dengan ❤️ oleh komunitas