Sunting dan iterasi desain Flowstep melalui chat atau kanvas

Desain Flowstep dapat disunting sepenuhnya setelah dibuat. Anda tidak terkunci pada apa yang pertama kali dihasilkan AI — Anda dapat menyesuaikan elemen visual secara langsung di editor, menggunakan chat untuk menjelaskan perubahan dalam bahasa alami, atau meminta Flowstep menghasilkan variasi dan layar baru. Gunakan metode apa pun yang sesuai dengan perubahan yang ingin Anda lakukan.

​

Dua cara untuk menyunting

​

Sunting hanya bagian dari layar

Anda tidak harus menyunting seluruh layar. Pilih sub-elemen — kartu, tombol, label teks — dan prompt chat Anda hanya berlaku untuk itu, meninggalkan bagian layar lainnya tidak berubah.

• Beralih ke mode Direct selection dengan Shift+V (atau dropdown pada tombol toolbar Select) untuk memilih elemen terdalam di bawah klik Anda. Tekan V untuk pemilihan normal, atau tahan Cmd (Mac) / Ctrl (Windows) untuk menggunakan pemilihan langsung sementara. Escape keluar dari pemilihan langsung.
• Pilih sub-elemen di beberapa layar dengan Cmd+Shift — satu prompt dapat menyunting hingga 6 layar per pesan.

Ketika elemen gambar dipilih (di luar mode wireframe), panel Image muncul di panel properti: pratinjau gambar, tukarkan dengan menyeret file gambar baru ke pratinjau atau klik Pick image, atau simpan dengan Download image.

​

Salin dan tempel elemen

Salin pilihan dan tempel kembali di mana pun Anda membutuhkannya — di file yang sama, di file lain, atau di tab browser lain, karena salinan masuk ke clipboard sistem Anda.

• Salin dengan Cmd+C (Mac) / Ctrl+C (Windows), potong dengan Cmd+X / Ctrl+X, dan tempel dengan Cmd+V / Ctrl+V.
• Duplikat pilihan di tempat dengan Cmd+D / Ctrl+D.
• Elemen yang ditempel muncul sedikit bergeser dari aslinya agar tidak menutupinya.

Pintasan ini berlaku pada elemen yang dipilih; saat Anda menyunting teks, pintasan ini kembali ke fungsi salin dan tempel teks biasa.

​

Beri nama layar di kanvas

Setiap layar menampilkan namanya pada label di atasnya di kanvas. Layar yang belum diberi nama akan tertulis Screen.

• Klik dua kali label untuk mengganti nama layar, lalu tekan Enter untuk menyimpan — mengklik di luar area juga menyimpan. Nama dapat terdiri dari hingga 100 karakter.
• Klik label satu kali untuk memilih layar, lalu seret untuk memindahkannya di sekitar kanvas.

​

Sesuaikan opasitas, mode campuran, dan sudut

Pilih elemen untuk menyempurnakan tampilannya di panel properti:

• Opacity — atur seberapa transparan elemen, dari 0 hingga 100%. Panel yang sama juga memuat mode campuran (Normal, Multiply, Screen, Overlay, dan lainnya) yang mengatur cara elemen bercampur dengan apa pun yang ada di belakangnya.
• Corners (sudut) — bulatkan sudut elemen. Atur satu Corner radius untuk keempatnya, atau aktifkan Per corner untuk memberi sudut kiri-atas, kanan-atas, kanan-bawah, dan kiri-bawah radius masing-masing. Setiap nilai dapat berupa Token dari tema Anda atau jumlah Custom.

​

Perbesar hingga ke piksel

Perbesar kanvas hingga 25,600% untuk memeriksa jarak dan penyelarasan dengan cermat. Di atas 200%, garis kisi yang sejajar piksel muncul dan semakin terlihat seiring Anda memperbesar, sehingga Anda dapat menyelaraskan elemen secara tepat.

​

Pulihkan versi sebelumnya

Setiap generasi AI dalam riwayat chat menyimpan hasilnya yang asli. Jika layar telah disunting atau dihapus sejak dibuat, pesan chatnya menunjukkan tombol Restore — Restore original untuk mengembalikan perubahan, atau Restore / Restore all untuk membawa kembali layar yang dihapus. Gunakan untuk kembali ke status yang diketahui baik setelah penyuntingan ke arah yang salah. Arahkan kursor di atas pesan apa pun di panel chat untuk melihat kapan pesan itu dikirim. Pesan baru menunjukkan waktu; yang lebih lama menunjukkan berapa lama yang lalu (misalnya, “1 hari lalu”), dengan tanggal dan waktu lengkap di tooltip.

​

Tindakan sekali klik

Selain penyuntingan langsung, Anda dapat meminta Flowstep menjelajahi alternatif:

• Try again from scratch — minta Flowstep menghasilkan versi segar dari layar saat ini dengan tata letak atau arah visual yang berbeda.
• Show the next screen — minta Flowstep menghasilkan apa yang logis berikutnya dalam alur pengguna.
• Make it pretty — sesuaikan jarak, penyelarasan, dan warna di seluruh desain. Tata letak tetap sama.

Opsi ini memungkinkan Anda melakukan iterasi dengan cepat tanpa harus menulis prompt setiap kali.

​

Melakukan iterasi untuk penyempurnaan

Desain jarang sempurna pada percobaan pertama. Gunakan penyuntingan berbasis chat untuk setiap putaran umpan balik — jelaskan apa yang berfungsi dan apa yang tidak, dan Flowstep menyesuaikan dari sana. Tidak ada batas berapa kali Anda dapat melakukan iterasi pada layar.