Figma Make: Apa Artinya, Cara Kerja, Kredit, dan Batasannya (2026)11 min read

Figma Make adalah alat prompt-ke-aplikasi AI Figma. Anda menjelaskan apa yang Anda inginkan, atau memulai dari desain Figma, dan itu membangun prototipe atau aplikasi web yang berfungsi yang dapat Anda pratinjau, perbaiki dalam obrolan, edit dalam kode, dan publikasikan. Itu berada di dalam Figma sebagai file Make khusus, sehingga dapat menggunakan desain dan perpustakaan Anda sebagai konteks. Ini ditujukan untuk para desainer, manajer produk, dan siapa saja yang perlu mengubah ide menjadi sesuatu yang dapat diklik orang.

Fakta diperiksa berdasarkan halaman Figma Make dan pusat bantuan Figma pada 1 November 2026. Paket, kredit, dan fitur sering berubah, jadi konfirmasikan detail terkini di Figma sebelum Anda membeli.

Panduan ini menjelaskan apa itu Figma Make, cara kerjanya langkah demi langkah, fitur apa saja yang penting, siapa yang dapat menggunakannya, cara kerja kredit AI, cara memublikasikan dan mengekspor, serta batasannya. Jika Anda memilih antara alat, kami Perbandingan Figma Make vs Anima Playground mencakup alternatif.

Apa itu Figma Make?

Figma mendeskripsikan Figma Make sebagai alat prompt-to-app yang digerakkan oleh AI yang memungkinkan Anda mewujudkan ide dan desain Figma yang sudah ada sebagai prototipe fungsional, aplikasi web, dan UI interaktif. Anda bekerja dalam obrolan di samping pratinjau langsung, dan semua yang Anda buat didukung kode, sehingga Anda dapat beralih antara pratinjau, pengeditan tunjuk-dan-klik, dan kode itu sendiri.

Figma memperkenalkan Make di Config 2025, dan telah berkembang dari ide satu komponen menjadi produk lengkap dengan mode rencana, editor kode, backend, penerbitan, dan integrasi. Ini terpisah dari Figma Design: Anda membuat file Make dengan cara yang sama seperti Anda membuat file Figma lainnya, menggunakan tombol Make di draf Anda.

Apa yang bisa Anda bangun dengan Figma Make?

• Prototipe alur atau fitur yang dapat diklik untuk diuji dengan pengguna.
• Versi interaktif dari desain Figma yang sudah ada, dengan transisi dan logika.
• Aplikasi web kecil atau alat internal, dengan backend untuk data dan proses masuk.
• Laman landas atau situs mikro yang dapat Anda publikasikan ke URL publik.

Cara Kerja Figma Make, Langkah demi Langkah

1. Buat file Make. Di browser file Figma, buka draf Anda dan klik Make di sudut kanan atas. Anda juga dapat memulai dari templat atau dengan mengkloning repositori GitHub.
2. Tulis perintah. Jelaskan apa yang ingin Anda bangun dalam obrolan. Anda dapat mengetik atau mendiktekan. Jelaskan secara spesifik tentang pengguna, tugas utama, dan layar.
3. Tambahkan konteks. Lampirkan desain Figma atau tempel bingkai ke dalam obrolan, hadirkan konteks gaya dari pustaka Figma (paket berbayar), tambahkan backend, sambungkan alat melalui konektor MCP, atau biarkan Make menelusuri web atau mengambil URL.
4. Rencanakan terlebih dahulu jika Anda ingin kendali. Pada paket berbayar, mode paket menghasilkan paket terstruktur yang dapat Anda edit sebelum kode apa pun ditulis.
5. Tinjau pratinjaunya. Make membuat aplikasi dan menampilkannya secara langsung. Klik seperti yang dilakukan pengguna.
6. Menyaring. Teruslah mengobrol, gunakan titik dan edit untuk mengubah elemen tertentu, menambahkan anotasi dan mengirimkannya bersama-sama, atau membuka editor kode dan mengubah kode secara langsung.
7. Bagikan atau publikasikan. Bagikan file untuk mendapatkan masukan dengan komentar, salin pratinjau kembali ke Figma Design sebagai lapisan, publikasikan ke URL publik, atau unduh kode.

Salah satu tip praktis dari dokumen Figma: lampirkan bingkai atau komponen daripada menempelkan tautan ke file Figma Anda. Make tidak membaca desain dari URL, dan tautan yang ditempel dapat menghasilkan keluaran yang tidak diharapkan.

Fitur Utama Figma Make

Lapisan Kode Figma Make vs Figma vs Figma Sites

Ketiganya menjadi bingung. Figma Make berfungsi dalam file khusus tempat Anda membuat dan menerbitkan aplikasi. Lapisan kode memungkinkan Anda menjelajahi ide-ide interaktif di samping desain Anda di kanvas Figma Design; lihat panduan kami untuk Lapisan kode Figma dan Spesifikasi. Figma Sites adalah untuk menerbitkan situs web yang dirancang dalam Figma. Pilih Make ketika output harus berperilaku seperti aplikasi, dan kode lapisan ketika Anda menginginkan elemen interaktif di samping desain statis Anda.

Siapa yang Dapat Menggunakan Figma Make, dan Berapa Biaya Kredit AI?

Figma Make tersedia pada Starter (dengan batasan), Professional, Organization, Enterprise, Pendidikan (pengguna pendidikan tinggi dan bootcamp) dan paket Pemerintah. Tempat duduk Anda menentukan apa yang dapat Anda lakukan:

Make berjalan dengan kredit AI. Setiap kursi sudah termasuk kredit, direset setiap bulan dan tidak dapat dibagikan atau diperpanjang. Pada dokumentasi Figma pada Oktober 2026:

Berapa banyak kredit yang digunakan prompt bergantung pada model yang Anda pilih dan tugasnya. Contoh Figma sendiri, berdasarkan model defaultnya pada bulan Februari 2026, memberikan perubahan kecil seperti memperbarui font sekitar 30 kredit atau lebih dan membuat desain terlampir menjadi interaktif sekitar 75 kredit atau lebih. Memilih model yang lebih ringan untuk pengeditan kecil dan menggunakan mode rencana untuk pembuatan besar membantu kredit Anda bertahan lama.

Penerbitan, Backend, dan Menyelesaikan Pekerjaan Anda

Menerbitkan

Klik Publikasikan, tetapkan judul dan Make memberi Anda URL publik seperti apa three-random-words.figma.site. Anda dapat menghubungkan domain khusus pada paket yang didukung. Aplikasi yang dipublikasikan dihosting di Amazon Web Services dengan perutean melalui Cloudflare, aplikasi tersebut tidak diindeks oleh mesin pencari secara default, dan Make tidak memiliki dasbor analitik bawaan, meskipun Anda dapat menambahkan ID Google Analytics di pengaturan.

Bagian belakang

Untuk menyimpan data dan mendukung proses masuk, Anda dapat meminta Make untuk membuat backend yang didukung Payload dengan database, penyimpanan file, autentikasi, dan panel admin, atau menghubungkan proyek Supabase Anda sendiri dari pengaturan Make.

Ekspor kode

Pengguna dengan kursi Penuh atau Dev dapat mengunduh semua file dalam file Make sebagai ZIP dari tindakan File di tab File. Perlakukan unduhan sebagai basis kode prototipe: jalankan secara lokal, tinjau, dan lakukan refaktorisasi sebelum Anda membuatnya.

Pindahkan desain kembali ke Figma

Pada paket berbayar, Anda dapat menyalin pratinjau saat ini sebagai lapisan desain dan menempelkannya ke Figma Design. Lapisannya dapat diedit, namun merupakan cuplikan. Mereka tidak interaktif, tidak ditautkan ke file Make, dan tidak terikat ke sistem desain Anda secara otomatis.

Batasan Figma Make yang Perlu Diketahui Sebelum Anda Memulai

• Sebagian besar fitur memerlukan kursi penuh pada paket berbayar, dan kredit dapat cepat habis pada versi besar.
• Itu dibuat untuk prototipe dan aplikasi sederhana. Perangkat lunak produksi masih memerlukan tinjauan teknis, pengujian, keamanan, dan pemeliharaan.
• Perubahan yang Anda buat pada lapisan yang disalin di Figma Design tidak mengalir kembali ke file Make.
• Jika Anda meminta model untuk menggunakan Supabase dan integrasinya tidak tersambung, model tersebut dapat menghasilkan kode tiruan alih-alih koneksi yang berfungsi.
• Kontrol dan analitik SEO sangat minim untuk situs yang dipublikasikan.
• Anda tidak dapat memberikan tautan Figma dan mengharapkannya membaca file. Pasang atau tempel bingkai.

Jika Anda memerlukan kode front-end nyata, tiruan situs web, atau aplikasi yang ada di luar Figma, lihat alternatif seperti Anima Playground. Kami membandingkannya dengan jujur Figma Make vs Anima Playground.

Ide Cepat untuk Figma Make

Permintaan khusus yang memberi nama pengguna, tugas, dan status menghasilkan hasil pertama yang lebih baik. Coba ini:

• “Bangun alur orientasi tiga langkah untuk aplikasi penganggaran. Tampilkan indikator kemajuan, validasi setiap bidang, dan akhiri di layar keberhasilan.”
• “Ubah kerangka harga terlampir menjadi halaman interaktif. Tambahkan tombol bulanan dan tahunan serta status hover di setiap kartu paket.”
• “Buat dasbor dukungan untuk agen yang melakukan triase tiket. Sertakan filter, status kosong, dan status pemuatan.”
• “Buat prototipe checkout seluler dengan checkout tamu, validasi alamat, dan konfirmasi pesanan.”

Bangun Aplikasi yang Berfungsi dengan Anima Playground

Lebih suka situs web atau aplikasi asli yang dapat Anda ekspor dan kirimkan? Jelaskan, dan Anima akan membangunnya.

Pertanyaan Umum Figma Make

Apa itu Figma Make?

Figma Make adalah alat prompt-to-app yang digerakkan oleh AI dari Figma. Ini mengubah prompt atau desain Figma yang ada menjadi prototipe fungsional, aplikasi web, atau UI interaktif yang dapat Anda pratinjau, edit dalam obrolan atau kode, dan publikasikan.

Apakah Figma Make gratis?

Paket Starter dapat menjelajahi Figma Make secara gratis dengan batasan, termasuk 500 kredit AI sebulan dan batas harian. Kursi penuh pada paket berbayar mendapatkan lebih banyak kredit dan fitur seperti konteks perpustakaan tim, mode paket, berbagi, dan penerbitan. Paket berubah, jadi periksa harga Figma.

Bagaimana cara menggunakan Figma Make?

Dalam draf Figma Anda, klik Make, tulis perintah di obrolan, lampirkan desain atau konteks gaya jika Anda memilikinya, kirimkan dan sempurnakan hasilnya dengan obrolan, arahkan dan edit atau editor kode. Kemudian bagikan, publikasikan, atau ekspor.

Bisakah Figma Make mengekspor kode?

Ya. Pengguna dengan kursi Penuh atau Dev dapat mengunduh kode file Make sebagai ZIP dari tab File. Ini paling baik diperlakukan sebagai basis kode prototipe yang Anda tinjau sebelum penggunaan produksi.

Bisakah saya memublikasikan aplikasi Figma Make?

Ya. Kursi penuh dapat dipublikasikan ke URL situs figma.publik, dan pengguna pemula dapat mempublikasikan secara publik hanya jika mereka juga mempublikasikan ke Figma Community. Anda dapat menambahkan domain khusus pada paket yang didukung, dan aplikasi yang dipublikasikan tidak diindeks oleh mesin pencari secara default.

Apa perbedaan antara Figma Make dan Anima Playground?

Figma Make membangun prototipe dan aplikasi di dalam ekosistem Figma. Anima Playground adalah ruang kerja mandiri yang dimulai dari prompt, desain Figma, URL atau gambar dan menghasilkan HTML atau React yang dapat diedit yang dapat Anda ekspor, serahkan, dan publikasikan. Lihat perbandingan kami untuk detailnya.