Beranda UXMagic
  • Fitur
  • Pustaka
  • Komunitas
  • Harga
  • Afiliasi
  • Sumber Daya
Beranda UXMagic
Beranda UXMagic

Pustaka

Komunitas
Harga
Afiliasi

Sumber Daya

Ikuti kami di:
  • Ikuti kami di Slack
  • Ikuti kami di Twitter
  • Ikuti kami di LinkedIn
  • Ikuti kami di YouTube
  • Ikuti kami di Instagram
Pusat Bantuan
  • 🚀Memulai
    • Apa itu UXMagic?
    • Buat proyek pertama Anda
    • Kanvas, proyek, dan layar
    • Menulis prompt yang menghasilkan yang Anda mau
    • Pintasan papan ketik
    • Akun dan profil Anda
  • ✨Membuat desain
  • 🎨Mendesain & mengedit
  • 📦Ekspor & penyerahan
  • 🌐Menerbitkan situs
  • 🤝Berbagi & berkolaborasi
  • 🔌Integrasi & developer
  • 💳Paket, kredit & penagihan
  • 🛠Pemecahan masalah

Masih buntu?

Tim kami menjawab dari dalam produk.

Hubungi dukungan →
  1. Pusat Bantuan/
  2. Memulai/
  3. Buat proyek pertama Anda

Buat proyek pertama Anda

Dari pendaftaran ke layar yang sudah didesain dan bisa diedit dalam sekitar lima menit.

Terakhir diperbarui: 3 September 2026

Di halaman ini

  • 1. Masuk
  • 2. Mulai sebuah proyek
  • 3. Jelaskan apa yang Anda inginkan
  • 4. Setujui rencananya
  • 5. Lihat ia mendesain
  • 6. Beriterasi
  • 7. Bawa keluar
  • Kesalahan umum di sesi pertama

Ini membawa Anda dari akun yang baru dibuat ke layar yang bisa diedit dan diekspor.

uxmagic.ai/dashboard
Dasbor UXMagic, dengan kolom prompt bertuliskan “Jelaskan apa yang ingin Anda buat” dan saran ide awal di bawahnya.
The dashboard: describe a screen, and UXMagic designs it.

1. Masuk#

Buka uxmagic.ai dan daftar dengan Google atau email. Kartu kredit tidak diperlukan — paket Free memberi 20 kredit setiap hari, cukup untuk sekitar 3 layar per hari, dalam 5 proyek.

2. Mulai sebuah proyek#

Dari dasbor, klik Proyek baru. Proyek adalah wadah untuk sekumpulan layar yang berbagi satu tema — satu produk, satu situs, satu alur. Simpan pekerjaan yang tidak berkaitan di proyek terpisah agar sistem desainnya tidak bentrok.

3. Jelaskan apa yang Anda inginkan#

Ketik permintaan Anda di kolom prompt. Sebutkan dengan jelas produk, layar, dan audiensnya:

Sebuah SaaS manajemen proyek untuk agensi kecil. Saya butuh halaman arahan pemasaran, halaman harga, dan dasbor yang menampilkan proyek berjalan. Bersih dan modern, biru tua dan putih, ramah tapi profesional.

Kalau Anda punya merek, situs rujukan, atau PRD, lampirkan sekarang — lihat Semua cara membuat layar.

4. Setujui rencananya#

Untuk proyek baru, AI biasanya mengusulkan daftar layar sebelum mendesain apa pun. Anda bisa menambah layar, mengganti namanya, membuang yang tidak perlu, lalu menyetujui. Langkah ini sengaja dibuat murah: jauh lebih baik memperbaiki rencana daripada mendesain ulang lima layar yang sudah jadi.

5. Lihat ia mendesain#

Layar didesain satu per satu dan muncul di kanvas begitu selesai. Anda bisa terus bekerja sementara ini berjalan.

6. Beriterasi#

Dua cara mengubah sesuatu:

  • Obrolan — untuk apa pun yang menyangkut struktur atau tema: “tambahkan testimoni di bawah hero”, “buat semuanya gelap”, “ganti teks CTA”.
  • Mode edit — klik ke dalam layar untuk mengubah teks dan menukar gambar langsung, tanpa memakai satu pembuatan.

Lihat Mengedit layar.

7. Bawa keluar#

Kalau sudah puas: ekspor ke Figma, ekspor kode, atau publikasikan sebagai situs yang tayang.

Kesalahan umum di sesi pertama#

  • Meminta satu layar per kali padahal Anda ingin satu alur. Minta seluruh alur di awal supaya layar-layarnya berbagi tema dan struktur navigasi.
  • Memperbaiki tema layar per layar. Ubah tema sekali dan ia berlaku untuk seluruh proyek. Lihat Tema dan panduan gaya.
  • Membuat ulang gara-gara salah ketik. Pakai mode edit. Membuat ulang memakan kredit; mengedit teks tidak.

Sering ditanyakan

Apakah saya butuh kartu kredit untuk mulai?
Tidak. Paket Free memberi 20 kredit setiap hari — cukup untuk sekitar 3 layar per hari — tanpa kartu tersimpan.
Berapa lama layar pertama selesai?
Satu layar biasanya selesai dalam waktu kurang dari satu menit. Rencana lengkap berisi banyak layar butuh waktu lebih lama secara proporsional, karena layar didesain satu per satu.

Apakah artikel ini membantu?

Artikel terkait

Kanvas, proyek, dan layar

Bagaimana proyek, layar, versi, dan kanvas tak terbatas saling terkait.

Menulis prompt yang menghasilkan yang Anda mau

Lima hal yang perlu ada dalam sebuah prompt, dan rumusan yang selalu meleset.

Semua cara membuat layar

Prompt, tangkapan layar, sketsa, URL situs, impor Figma, atau PRD — dan kapan memakai yang mana.

← SebelumnyaApa itu UXMagic?Berikutnya →Kanvas, proyek, dan layar

Di halaman ini

  • 1. Masuk
  • 2. Mulai sebuah proyek
  • 3. Jelaskan apa yang Anda inginkan
  • 4. Setujui rencananya
  • 5. Lihat ia mendesain
  • 6. Beriterasi
  • 7. Bawa keluar
  • Kesalahan umum di sesi pertama

idemu yang berikutnya
layak untuk diwujudkan

berhenti cuma memikirkannya. langsung ketik saja. Berantakan, setengah jadi, apa pun itu. Kami yang akan mengubahnya jadi sesuatu yang nyata.

Produk

  • Komunitas
  • Paket Harga
  • Program Afiliasi
  • UXMagic MCP
  • Claude MCP
  • Info AI

Sumber Daya

  • Pusat Bantuan
  • Pustaka Figma
  • Pustaka React
  • Template Aplikasi Mobile
  • Dokumentasi
  • Tutorial

Fitur

  • Prompt ke UI
  • Gambar ke UI
  • Sketsa ke UI
  • Kloning situs web
  • Impor dari Figma
  • AI Wireframe Generator
  • AI Mockup Generator
  • AI Prototype Generator
  • AI Dashboard Generator
  • Semua Fitur

Bandingkan

  • vs UX Pilot
  • vs Relume
  • vs MagicPath
  • vs Magic Patterns
  • vs Banani
  • vs Galileo AI
  • vs v0
  • vs Lovable
  • vs Base44
  • Semua Kompetitor

Blog

  • AI dalam Alur Kerja Desain UX: Apa yang Benar-Benar Berhasil
  • Template Prompt untuk Dashboard SaaS
  • Prompt Nyata yang Kami Gunakan untuk Membuat Alur Produk
  • Prompt Engineering untuk Desainer UX
  • Alat Wireframing Terbaik 2026: Perbandingan 10 Opsi Gratis & Pro
  • Semua Blog

Perusahaan & Dukungan

  • Karier
  • Hubungi Kami
  • Kebijakan Privasi
  • Ketentuan Penggunaan
  • Pengaturan Cookie
  • Ikuti kami di Slack
  • Ikuti kami di Twitter
  • Ikuti kami di LinkedIn
  • Ikuti kami di YouTube
  • Ikuti kami di Instagram

© 2026 UXMagic AI Technologies Inc.