Buka prototipe
1
Klik Preview
Di toolbar editor, klik Preview. Pemain prototipe terbuka sebagai tampilan halaman penuh, terpisah dari editor.
2
Biarkan Flowstep menautkan layar Anda
Jika file Anda memiliki dua atau lebih layar, Flowstep secara otomatis menautkan elemen interaktif — tombol, kartu, item menu — ke layar target mereka saat Anda membuka pratinjau (Anda akan melihat “Bringing your screens to life” saat berfungsi). Tautan dihasilkan ulang hanya ketika layar Anda telah berubah sejak waktu terakhir dijalankan.
3
Klik melalui alur Anda
Klik elemen tertaut apa pun — tombol, kartu, item menu — untuk menavigasi ke layar targetnya. Bilah sisi menampilkan semua layar dalam file sehingga Anda dapat melompat ke salah satu dari mereka secara langsung, dan Back to editor mengembalikan Anda ke file.
Penautan otomatis memerlukan setidaknya dua layar dalam file. Jika pembuatan tautan gagal, gunakan tombol Retry di pemain.
Atur navigasi secara manual
Anda dapat mengontrol dengan tepat ke mana elemen menavigasi:- Di editor, pilih elemen (misalnya, tombol).
- Buka panel Navigation di panel properti di sebelah kanan.
- Pilih layar target dari dropdown — atau pilih No navigation untuk menghapus tautan.
Kontrol interaktif
Prototipe bukan hanya navigasi yang dapat diklik — kontrol di layar Anda merespons saat Anda mempratinjau. Balik switch, centang kotak, pilih opsi radio, pilih dari dropdown, beralih tab, ketik di bidang, atau tingkatkan counter, dan layar diperbarui langsung untuk mencerminkan keadaan baru. Layar dalam file berbagi satu status prototipe selama sesi pratinjau, jadi perubahan yang Anda buat pada satu layar melalui saat Anda mengklik ke layar lain. Anda juga dapat beralih layar antara penampilan terang dan gelap untuk melihat responsnya.Perilaku interaktif dihasilkan secara otomatis dari layar Anda — tidak ada yang perlu disambungkan. Pratinjau file untuk mencoba.