Skip to main content
Screenshot 2026 05 06 At 14 19 04
Flowstep dibangun untuk cocok dengan alur kerja desain yang sudah Anda gunakan — bukan untuk menggantinya. Anda dapat membuat desain di Flowstep dan segera membawanya ke Figma menggunakan salin-tempel sederhana, atau sebaliknya dan impor frame Figma ke Flowstep. Ini berarti Anda mendapatkan kecepatan generasi desain berbasis AI yang dikombinasikan dengan fitur presisi dan kolaborasi yang Anda andalkan di Figma.
Flowstep dan Figma adalah alat komplementer, bukan pesaing. Flowstep membantu Anda dengan cepat menghasilkan dan menjelajahi ide desain UI; Figma adalah tempat Anda menyempurnakan, berkolaborasi, dan membangun pekerjaan yang siap produksi. Menggunakan keduanya bersama memberikan yang terbaik dari kedua dunia.

​
Cara menyalin desain Flowstep ke Figma

1

Pilih satu atau lebih layar di Flowstep

Klik layar untuk memilihnya — atau pilih beberapa layar untuk menyalinnya semua sekaligus. Pastikan pemilihan disorot di kanvas.
2

Salin pemilihan

Tekan **Cmd+**⇧+C di Mac atau **Ctrl+**⇧+C di Windows. Flowstep menampilkan “Preparing your design. Stay on the current tab.” saat bekerja; salinannya selesai dalam sekejap.
3

Tempel ke file Figma Anda

Beralih ke Figma dan buka file tempat Anda ingin menempatkan desain. Tekan Cmd+V di Mac atau Ctrl+V di Windows untuk menempel. Layar Flowstep muncul di kanvas Figma Anda, siap diubah.
Menyalin ke Figma menggunakan clipboard browser Anda, jadi browser harus mengizinkan akses clipboard Flowstep — jika Anda melihat kesalahan izin, izinkan akses clipboard di pengaturan browser dan coba lagi. Beralih tab saat menyalin mengganggu transfer; jaga tab Flowstep tetap fokus hingga salinan selesai.
Tempel frame ke halaman “AI imports” khusus di Figma untuk membuat file kerja Anda tetap terorganisir. Dari sana, Anda dapat memindahkan elemen ke sistem desain utama atau perpustakaan komponen Anda dengan kecepatan Anda sendiri.

​
Impor desain dari Figma

Anda juga dapat melakukan hal sebaliknya dan membawa frame Figma ke Flowstep sebagai layar yang dapat diubah. Impor tersedia untuk semua orang — hubungkan akun Figma Anda sekali, kemudian impor dari tautan frame.
1

Hubungkan Figma

Hubungkan akun Figma Anda ke Flowstep dari pengaturan Anda. Flowstep menggunakan otorisasi Figma untuk membaca file yang Anda miliki akses.
2

Salin tautan frame di Figma

Di Figma, klik kanan frame yang ingin Anda impor dan pilih Copy link to selection. Anda juga dapat menyalin tautan ke seluruh halaman untuk mengimpor semua frame tingkat atas sekaligus.
3

Impor ke Flowstep

Gunakan opsi impor Figma di toolbar Flowstep dan tempel tautannya. Flowstep mengonversi frame menjadi elemen yang dapat diubah di kanvas Anda. Mengimpor ulang frame yang sama memperbarui di tempat.

​
Apa yang diimpor

Flowstep membuat ulang frame Figma sebagai elemen asli yang dapat diubah — bukan gambar datar. Impor membawa:
  • Frame dan layer bertingkatnya
  • Teks, termasuk gaya per-karakter seperti berat, warna, dan tebal
  • Warna dari variabel Figma Anda
  • Isian gambar, dan ikon dan bentuk SVG
  • Bayangan drop dan inner, serta layer dan blur latar belakang
  • Garis putus-putus dan bertitik
Organisasi file harus memiliki Figma yang terhubung. Jika frame tidak akan diimpor, Flowstep menampilkan pesan yang dapat ditindaklanjuti yang memberi tahu Anda apa yang harus dilakukan selanjutnya — misalnya, hubungkan kembali Figma jika otorisasi Anda telah kedaluwarsa, tunggu dan coba lagi jika Figma membatasi laju atau merespons dengan lambat, atau, untuk template Komunitas, duplikat ke tim Anda terlebih dahulu dan tempel tautan baru.