Langsung ke konten utama
Screenshot 2026 05 06 At 14 19 04
Flowstep dirancang agar pas dengan alur kerja desain yang sudah Anda pakai, bukan untuk menggantikannya. Anda bisa membuat desain di Flowstep lalu langsung membawanya ke Figma dengan copy-and-paste sederhana, atau sebaliknya dengan mengimpor frame Figma ke Flowstep. Dengan begitu, Anda mendapatkan kecepatan pembuatan desain berbantuan AI sekaligus ketepatan dan fitur kolaborasi yang Anda andalkan di Figma.
Flowstep dan Figma adalah alat yang saling melengkapi, bukan pesaing. Flowstep membantu Anda membuat dan menjajaki ide desain UI dengan cepat; Figma adalah tempat Anda menyempurnakan, berkolaborasi, dan mengembangkan karya yang siap produksi. Menggunakan keduanya bersama memberi Anda manfaat terbaik dari keduanya.

​
Cara menyalin desain Flowstep ke Figma

1

Pilih satu atau beberapa layar di Flowstep

Klik layar untuk memilihnya, atau pilih beberapa layar untuk menyalinnya sekaligus. Pastikan pilihan Anda disorot di kanvas.
2

Salin pilihan

Tekan **Cmd+**⇧+C di Mac atau **Ctrl+**⇧+C di Windows. Flowstep menampilkan “Preparing your design. Stay on the current tab.” selama proses berjalan; penyalinan selesai dalam beberapa saat.
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 akan muncul di kanvas Figma Anda, siap untuk diedit.
Penyalinan ke Figma menggunakan clipboard browser Anda, jadi browser harus mengizinkan Flowstep mengakses clipboard. Jika muncul error izin, izinkan akses clipboard di pengaturan browser Anda lalu coba lagi. Berpindah tab di tengah penyalinan akan menghentikan transfer; biarkan tab Flowstep tetap aktif hingga penyalinan selesai.
Tempel frame ke halaman khusus “AI imports” di Figma agar file kerja Anda tetap rapi. Dari situ, Anda bisa memindahkan elemen ke sistem desain atau pustaka komponen utama sesuai kecepatan Anda.

​
Impor desain dari Figma

Anda juga bisa melakukan sebaliknya dengan membawa frame Figma ke Flowstep sebagai layar yang bisa diedit. Impor tersedia untuk semua pengguna. Hubungkan akun Figma Anda sekali, lalu impor dari tautan frame.
1

Hubungkan Figma

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

Salin tautan frame di Figma

Di Figma, klik kanan frame yang Anda inginkan lalu pilih Copy link to selection. Anda juga bisa menyalin tautan ke seluruh halaman untuk mengimpor semua frame tingkat atas sekaligus.
3

Impor ke Flowstep

Gunakan opsi impor Figma di toolbar Flowstep lalu tempel tautannya. Flowstep mengonversi frame menjadi elemen yang bisa diedit di kanvas Anda. Setiap impor menambahkan layar baru. Mengimpor frame yang sama lagi tidak menggantikan impor sebelumnya, jadi hapus layar lama jika Anda tidak membutuhkannya lagi.

​
Apa yang diimpor

Flowstep membuat ulang frame Figma sebagai elemen native yang bisa diedit, bukan gambar datar. Impor membawa:
  • Frame beserta layer bersarangnya
  • Teks, termasuk gaya per karakter seperti ketebalan, warna, dan tebal
  • Warna dari variabel Figma Anda
  • Isian gambar, serta ikon dan bentuk SVG
  • Bayangan jatuh dan bayangan dalam, serta blur layer dan latar belakang
  • Garis putus-putus dan titik-titik
Organisasi file tersebut harus telah menghubungkan Figma. Jika frame tidak bisa diimpor, Flowstep menampilkan pesan yang menjelaskan langkah berikutnya. Misalnya, hubungkan ulang Figma jika otorisasi Anda sudah kedaluwarsa, tunggu lalu coba lagi jika Figma membatasi permintaan atau lambat merespons, atau, untuk templat Community, duplikasi ke tim Anda terlebih dahulu lalu tempel tautan barunya.