24Desain duluSkor sementara

Onlook

Editor visual sumber terbuka yang membiarkan desainer menyunting langsung basis kode React atau Next.js yang hidup.

Diperbarui 31 Juli 2026

Ulasan

Onlook merender pratinjau langsung dari aplikasi React atau Next.js dan memungkinkan desainer menyeret, mengubah ukuran, dan mengubah gaya elemen secara visual, dengan setiap perubahan langsung ditulis ke berkas kode sumber yang sebenarnya — bukan ke berkas desain terpisah. Ia beroperasi dengan kode sebagai satu-satunya sumber kebenaran, sehingga tidak ada kesenjangan serah terima desain-ke-pengembang. Proyek ini memiliki lebih dari 25.000 bintang GitHub dan versi yang dihosting di cloud untuk tim. Karena memerlukan proyek React atau Next.js yang sudah berjalan, tidak bisa digunakan untuk memulai dari awal, dan harga cloud tidak dipublikasikan secara terbuka serta memerlukan pemesanan demo.

Di mana ia unggul

Pengeditan langsung ke berkas kode sumber menghilangkan kesenjangan serah terima desain-ke-kode
Inti sumber terbuka gratis dan bisa dihosting sendiri di infrastruktur mana pun
Mendukung kolaborasi multiplayer real time pada basis kode langsung

Perlu diketahui terlebih dahulu

Memerlukan proyek React atau Next.js yang sudah ada untuk berfungsi
Harga cloud memerlukan pemesanan demo, bukan pendaftaran mandiri

Skor indeks

78.6

Sementara. Skor ini dibaca dari kemampuan publik produk, bukan dari uji coba satu prompt yang dilalui entri yang telah ditinjau sepenuhnya, jadi anggaplah ini sebagai penempatan sementara, bukan keputusan final.

Craft77

Speed70

Control88

Value80

Ranking: 24 dari 101
Membangun untuk: Web
Kategori: Desain dulu
Output: Berkas kode sumber React atau Next.js yang telah disunting
Harga: Tier gratis
Terbaik untuk: Tim desain dan pengembang yang beriterasi secara visual di kode React yang hidup

Skor adalah penilaian editorial kami sendiri, dengan bobot kualitas 30, kecepatan 25, kontrol 25, dan nilai 20.

Juga layak dilihat

Indeks lengkap