- Pusat Bantuan
- Memulai
- Apa itu UXMagic?
Apa itu UXMagic?
UXMagic mengubah prompt, tangkapan layar, sketsa, URL, atau berkas Figma menjadi layar antarmuka berkualitas tinggi yang bisa diedit dan diekspor ke Figma atau kode.
Terakhir diperbarui:
Di halaman ini
UXMagic adalah alat desain UI/UX bertenaga AI. Anda menjelaskan apa yang Anda inginkan — atau memberinya tangkapan layar, sketsa tangan, URL situs web, atau berkas Figma yang sudah ada — dan ia menghasilkan layar antarmuka nyata yang bisa diedit: tata letak yang rapi, sistem warna dan tipografi yang padu, serta markup yang bisa Anda ekspor ke Figma atau ke kode produksi.
Apa bedanya dengan chatbot yang menulis HTML
Tiga hal:
- Ia mendesain di kanvas, bukan di jendela obrolan. Layar berdampingan di kanvas tak terbatas, jadi alur pembayaran adalah lima layar yang bisa Anda lihat bersamaan, bukan lima balasan terpisah.
- Ia menjaga tema. Warna, huruf, radius, dan spasi disimpan sebagai design token pada proyek. Minta “buat gelap” dan semua layar bergerak bersama, alih-alih satu layar melenceng sendiri.
- Ia mengekspor ke tempat yang berguna. Figma dengan auto layout sungguhan, atau HTML/React/Tailwind, atau situs yang dipublikasikan di domain Anda sendiri — bukan tangkapan layar.
Bentuk sesi yang biasa
Anda memulai proyek, mengetik apa yang Anda inginkan, dan AI mengusulkan sekumpulan layar. Anda menyetujui atau mengubah rencana itu, lalu ia mendesainnya satu per satu sementara Anda menonton. Dari sana Anda beriterasi lewat obrolan (“buat hero lebih tinggi”, “pakai biru merek kami”), atau masuk ke sebuah layar dan mengedit teks serta gambar langsung.
Kalau sudah suka, Anda mengekspor — atau memublikasikannya sebagai situs yang tayang.
Untuk siapa
- Pendiri dan manajer produk yang butuh antarmuka meyakinkan untuk ditunjukkan ke pengguna, investor, atau tim teknik sebelum merekrut desainer.
- Desainer yang ingin 80% pertama sebuah layar dibuatkan agar waktunya habis untuk 20% terakhir.
- Developer yang ingin front-end nyata tanpa menulis lima halaman arahan secara manual.
- Agensi yang memproduksi konsep klien dengan cepat.
Apa yang bukan
Ia bukan pengganti alat desain penuh untuk pekerjaan ilustrasi tingkat piksel, dan bukan IDE. Ia membawa Anda sangat cepat ke titik awal yang terstruktur dan berkualitas tinggi, lalu menyerahkan dengan rapi ke Figma, ke repositori Anda, atau ke web.
Ke mana selanjutnya
- Buat proyek pertama Anda — versi lima menit.
- Cara kerja kredit — biaya setiap tindakan, supaya tidak ada kejutan.
- Semua cara membuat layar — keenam titik awal.
Apakah artikel ini membantu?
Artikel terkait
Buat proyek pertama Anda
Dari pendaftaran ke layar yang sudah didesain dan bisa diedit dalam sekitar lima menit.
Kanvas, proyek, dan layar
Bagaimana proyek, layar, versi, dan kanvas tak terbatas saling terkait.
Cara kerja kredit
Persisnya biaya setiap tindakan AI, tindakan mana yang gratis, dan cara membuat saldo bertahan lebih lama.