Skip to main content
Screenshot 2026 05 06 At 14 19 04
Flowstep dirancang untuk menyesuaikan dengan alur desain yang sudah Anda gunakan — bukan untuk menggantikannya. Anda dapat membuat desain di Flowstep dan langsung membawanya ke Figma menggunakan copy-paste sederhana, atau sebaliknya dan impor kerangka Figma ke Flowstep. Ini berarti Anda mendapatkan kecepatan pembuatan desain berbantuan AI yang dikombinasikan dengan fitur presisi dan kolaborasi yang Anda andalkan di Figma.
Flowstep dan Figma adalah alat yang saling melengkapi, bukan pesaing. Flowstep membantu Anda membuat dan menjelajahi ide desain UI dengan cepat; Figma adalah tempat Anda menyempurnakan, berkolaborasi, dan membangun pekerjaan yang siap produksi. Menggunakan keduanya bersama-sama memberikan Anda yang terbaik dari keduanya.

​
Cara menyalin desain Flowstep ke Figma

1

Pilih satu atau lebih layar di Flowstep

Klik layar untuk memilihnya — atau pilih beberapa layar untuk menyalinnya semuanya sekaligus. Pastikan pilihan tersebut disorot di kanvas.
2

Salin pilihan

Tekan **Cmd+**⇧+C di Mac atau **Ctrl+**⇧+C di Windows. Flowstep menampilkan “Preparing your design — stay on this tab and keep the screen selected” saat bekerja; salinan 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 untuk diedit.
Menyalin ke Figma menggunakan clipboard browser Anda, jadi browser harus mengizinkan Flowstep akses clipboard — jika Anda melihat kesalahan izin, izinkan akses clipboard di pengaturan browser Anda dan coba lagi. Beralih tab di tengah-tengah salinan akan mengganggu transfer; pastikan tab Flowstep tetap fokus sampai salinan selesai.
Tempel kerangka ke halaman “AI imports” khusus di Figma untuk menjaga 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 sebaliknya dan membawa kerangka Figma ke Flowstep sebagai layar yang dapat diedit. Impor tersedia untuk semua orang — hubungkan akun Figma Anda sekali, lalu impor dari tautan kerangka.
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 kerangka di Figma

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

Impor ke Flowstep

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

​
Apa yang diimpor

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