Terhubung ke pustaka desain
Buat dan sempurnakan desain menggunakan komponen, token, dan variabel yang sebenarnya—bukan antarmuka pengguna (UI) sementara yang nantinya harus Anda ganti.
Buat alur checkout di kanvas desain Anda
Buat pengalaman checkout e-commerce yang lengkap dengan agen Figma—menggunakan komponen, token, dan gaya asli Anda. Jelaskan alur yang Anda butuhkan dan saksikan alur tersebut terbentuk secara langsung di file Anda.
Jelajahi opsi checkout dengan detail yang lebih mendalam
Buat alur proses checkout yang sesungguhnya menggunakan sistem desain Anda, sehingga setiap layar sudah siap untuk produksi sejak awal.
Jelajahi lebih banyak opsi dan lebih cepat
Agen Figma menghasilkan alur checkout yang lengkap menggunakan komponen dan gaya asli Anda, bukan wireframe placeholder. Uji berbagai jumlah langkah, tata letak, dan alur proses tanpa harus memulai masing-masing dari awal.
Hapus kerumitan, jaga kelancaran
Hindari pekerjaan berulang dalam menyiapkan ringkasan keranjang belanja, kolom formulir, dan layar pembayaran. Jelaskan hal yang Anda butuhkan, lalu biarkan agen yang membangun strukturnya sehingga Anda bisa fokus pada pengalaman pengguna.
Selaraskan tim Anda sejak awal
Alur checkout yang dihasilkan tersimpan dalam file yang sama dengan yang digunakan tim Anda. Semua orang dapat melihat versi terbaru, memberikan komentar langsung di dalam file, dan langsung mengembangkannya—tanpa perlu proses serah terima terpisah.
Fitur-fitur yang ada di balik agen
Pandangan lebih dekat pada hal unik agen Figma, yang dibangun untuk cara kerja tim desain sebenarnya.
Prompt paralel
Jalankan beberapa prompt sekaligus sehingga Anda dapat mengevaluasi petunjuk secara paralel, bukan menghabiskan waktu untuk mengevaluasi masing-masing secara berurutan.
Utas yang dapat dibagikan
Bagikan sebuah utas, dan tim Anda akan melihat prompt lengkap, konteks, serta riwayat iterasi di balik setiap desain. Tidak diperlukan serah terima terpisah.
Keahlian
Kemas alur kerja dan pedoman tim Anda menjadi perintah /commands yang dapat digunakan kembali dan dapat dijalankan oleh siapa saja sesuai kebutuhan.
Figma terasa seperti perpanjangan alami dari tangan saya. Saya mengembangkan ide desain di kanvas, dan kini fitur tersebut mengurus tahap akhir prosesnya. Dengan pustaka desain saya yang terhubung, saya bisa beralih dari desain ke kode lebih cepat daripada sebelumnya.
Andy Madrick
Desainer Produk, Notion
Mulai menggunakan agen Figma
Langkah 1: Buka agen
Pilih Agen di bilah sisi kiri atau tekan CMD + Enter. Tambahkan bingkai ke kanvas Anda tempat alur checkout akan dibuat.
Langkah 2: Jelaskan alur proses checkout Anda
Jelaskan kepada agen hal yang Anda butuhkan—jumlah langkah, opsi pembayaran, serta dukungan untuk proses checkout tamu. Berikan tautan ke pustaka desain Anda agar agen tersebut menggunakan komponen asli Anda.
Langkah 3: Tinjau pada kanvas
Periksa tampilan layar yang telah dihasilkan di kanvas Anda. Lakukan penyempurnaan di utas yang sama atau buat utas baru untuk mengeksplorasi struktur alur yang berbeda.
Langkah 4: Teruslah ulangi
Berikan prompt lagi untuk menyesuaikan langkah, menambahkan penawaran tambahan, atau mengubah tata letak. Semuanya tetap dapat diedit, sehingga Anda bisa menyempurnakannya secara manual atau terus memberikan prompt.
Jadilah ahli agen
Agen desain Figma kini telah hadir
Baca lebih lanjutSaksikan langsung bagaimana Agen AI Figma bekerja dan pelajari cara mengintegrasikannya ke dalam alur kerja Anda sendiri.
Bekerja dengan agen Figma
MulaiPlayground praktis untuk menjelajahi kemampuan agen Figma — mulai dari pengeditan massal hingga implementasi masukan — dengan panduan langkah demi langkah yang disertakan di dalamnya.
Cara menggunakan agen Figma dalam alur kerja desain Anda
Tonton sekarangPelajari cara menggunakan agen Figma dalam alur kerja desain Anda dengan tutorial langkah demi langkah dari tim Figma.
Pertanyaan yang Sering Diajukan
Generator alur checkout membantu Anda membuat layar dan langkah-langkah yang dilalui pengguna saat menyelesaikan pembelian—tinjauan keranjang belanja, detail pengiriman, pembayaran, dan konfirmasi. Agen Figma menghasilkan alur ini langsung di kanvas menggunakan sistem desain Anda, sehingga Anda mendapatkan layar yang siap diimplementasikan, bukan sekadar wireframe umum. Hal ini mempercepat proses pengujian berbagai struktur dan tata letak alur checkout.
Buka agen Figma dari bilah sisi kiri atau tekan CMD + Enter. Jelaskan alur checkout yang Anda butuhkan—jumlah langkah, opsi checkout tamu, metode pembayaran—dan arahkan agen ke pustaka desain Anda. Agen tersebut akan membuat layar di kanvas Anda menggunakan komponen asli Anda. Dari situ, Anda dapat menyempurnakannya dengan prompt lanjutan atau mengeditnya secara manual.
Alur checkout yang lengkap biasanya mencakup ringkasan keranjang belanja, formulir informasi pengiriman, detail pembayaran, tinjauan pesanan, dan layar konfirmasi. Tergantung pada produk Anda, Anda mungkin ingin menambahkan opsi pembayaran sebagai tamu, alamat yang tersimpan, kolom kode promo, atau modul penawaran tambahan. Agen Figma dapat membuat semua elemen ini menggunakan komponen yang sudah Anda miliki—cukup jelaskan hal yang Anda butuhkan dalam prompt Anda.
Tidak ada jawaban yang pasti—hal ini bergantung pada produk dan audiens Anda. Beberapa situs e-commerce menggunakan sistem checkout satu halaman demi kecepatan; yang lain membaginya menjadi tiga hingga lima langkah demi kejelasan. Agen Figma memungkinkan Anda membuat dan membandingkan jumlah langkah yang berbeda secara bersamaan, sehingga Anda dapat mengevaluasi mana yang paling sesuai untuk pengguna Anda sebelum memutuskan pendekatan tertentu.
Agen Figma tersedia di semua paket berbayar Figma. Anda akan menemukannya di bilah navigasi sebelah kiri di Figma Design. Selama masa beta terbuka saat ini, fitur ini tidak menghabiskan kredit AI. Sekarang adalah saat yang tepat untuk menjelajahi, bereksperimen, dan berbagi masukan Anda kepada kami.
Buat desain lebih cepat dengan agen Figma