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
  • ✨Membuat desain
    • Semua cara membuat layar
    • Teks ke antarmuka
    • Tangkapan layar ke antarmuka
    • Sketsa ke antarmuka
    • Klon situs web dari URL
    • Impor dari Figma
    • Mendesain dari PRD atau brief
    • Mode wireframe
    • Mode alur dan rencana layar
  • 🎨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. Membuat desain/
  3. Mode alur dan rencana layar

Mode alur dan rencana layar

Buat perjalanan berisi banyak layar dari satu prompt, dan ubah rencananya sebelum apa pun didesain.

Terakhir diperbarui: 27 Agustus 2026

Di halaman ini

  • Rencana layar
  • Mode alur
  • Biaya
  • Menambah ke alur yang ada

Rencana layar#

Untuk proyek baru, AI mengusulkan sebuah rencana — daftar layar bernama dengan satu baris tujuan masing-masing — sebelum mendesain apa pun. Anda bisa:

  • menyetujuinya apa adanya,
  • mengubahnya: mengganti nama, menyusun ulang, menambah atau menghapus layar,
  • menolaknya dan menjelaskan ulang yang Anda mau.

Baru setelah disetujui ia mulai mendesain.

Anggap langkah ini serius. Merencanakan itu murah; mendesain tidak. Memperbaiki daftar layar yang salah di sini memakan satu putaran. Memperbaikinya setelah delapan layar jadi memakan delapan pembuatan ulang.

Mode alur#

Mode alur mendesain seluruh perjalanan sekaligus, dengan tema dan struktur navigasi yang sama antar layar. Jelaskan perjalanannya, bukan layarnya:

Aplikasi antar makanan: menelusuri restoran, detail restoran, keranjang, pembayaran, pelacakan pesanan.

Layar didesain satu per satu dan muncul di kanvas begitu selesai, jadi Anda bisa mulai meninjau sebelum prosesnya berakhir.

Biaya#

Alur dan operasi banyak layar lainnya ditagih per layar, jadi alur lima layar memakan biaya lima kali satu layar. Angka persisnya ada di Cara kerja kredit. Cek saldo Anda sebelum memulai alur besar — proses yang berhenti di tengah menyisakan setengah alur.

Menambah ke alur yang ada#

Anda tidak perlu merencanakan semuanya di awal. Minta layar tambahan belakangan dan ia akan didesain ke dalam tema dan navigasi yang sudah ada:

Tambahkan layar “lupa kata sandi” dan keadaan kosong untuk daftar pesanan.

Apakah artikel ini membantu?

Artikel terkait

Teks ke antarmuka

Ubah deskripsi tertulis menjadi layar berkualitas tinggi yang bisa diedit.

Mode wireframe

Buat wireframe detail rendah untuk memantapkan struktur sebelum desain visual.

Cara kerja kredit

Persisnya biaya setiap tindakan AI, tindakan mana yang gratis, dan cara membuat saldo bertahan lebih lama.

← SebelumnyaMode wireframeBerikutnya →Mengedit layar

Di halaman ini

  • Rencana layar
  • Mode alur
  • Biaya
  • Menambah ke alur yang ada

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.