Lewati ke konten utama

Desain web dengan AI di Figma Make

Tata letak, konten, dan struktur website impian Anda — cukup sampaikan saja.

Desain dan bangun website dengan AI

Buat tata letak dengan bahasa alami

Mulai dari bagian utama hingga formulir kontak, Figma Make dapat membuat UI yang rapi untuk website hanya dengan menggunakan prompt.

Desain dan prototipe dalam satu tempat

Tidak perlu berpindah-pindah aplikasi. Rancang, uji, dan sempurnakan website, semuanya dalam Figma Make.

Uji dengan konten dan data yang sebenarnya

Hubungkan ke backend dan lihat bagaimana situs Anda berperilaku dengan data nyata.

Sesuaikan gaya dan edit sesuai keinginan Anda

Gunakan konteks gaya referensi Anda dari pustaka desain, atau biarkan Figma Make yang menangani tata letak dan gaya untuk Anda.

Dibangun oleh komunitas kami.

Dapatkan inspirasi dari website luar biasa yang dibuat menggunakan pembuat website AI kami. Mulai dari perusahaan rintisan hingga perusahaan besar, lihat apa saja yang bisa diwujudkan saat kreativitas berpadu dengan AI.

Cara menggunakan AI untuk desain web di Figma Make

Mulai dari awal di Figma Make atau gunakan bingkai yang sudah ada dari Figma Design.

Gunakan prompt untuk menentukan tata letak, konten, dan struktur halaman Anda.

Figma Make membuat desain Anda lengkap dengan tata letak dan strukturnya.

Lakukan penyesuaian visual atau beri prompt untuk melakukan perubahan. Kemudian, uji atau terbitkan situs Anda.

Pertanyaan yang Sering Diajukan

Desain web dengan AI menggunakan bahasa alami untuk membuat tata letak, gaya, dan bagian secara otomatis. Di Figma Make, prompt diubah menjadi website responsif — tanpa perlu coding.

Ya. Figma Make memungkinkan Anda membuat, menguji, dan membagikan website lengkap dengan bantuan AI — langsung di dalam Figma.

Tidak. Anda dapat menggunakan prompt untuk tata letak dan gaya. Dan Figma Make mempermudah menyempurnakan desain dengan kode sesuai kebutuhan—ya, bahkan bagi pemula sekalipun.

Anda dapat mencoba Figma Make secara gratis dengan paket Starter. Fitur-fitur tambahan tersedia pada paket berbayar.

Ya. Anda dapat menambahkan pustaka untuk merujuk pada konteks gaya, atau membiarkan Figma Make menerapkan gaya yang dibuat secara otomatis berdasarkan prompt Anda.

Ya. Figma Make terintegrasi dengan sistem backend sehingga Anda dapat menggunakan konten asli atau data API.

Ya Anda dapat menerbitkan desain web AI Anda.

Sumber daya lainnya

  • Apa itu MCP?

    Pelajari tentang Model Context Protocol (MCP), standar terbuka yang memudahkan integrasi AI layaknya USB-C untuk data.

    Baca artikel
  • Apa itu Vibe coding?

    Vibe coding memadukan desain yang didorong oleh suasana hati dengan pemrograman yang mulus untuk menciptakan pengalaman digital yang imersif, yang mampu menjalin ikatan emosional sekaligus berfungsi dengan sempurna.

    Baca artikel
  • Cara mendesain aplikasi dalam lima langkah

    Membangun aplikasi membutuhkan riset dan proses iterasi yang berkelanjutan untuk memenuhi kebutuhan pelanggan. Pelajari cara mendesain aplikasi dan bagaimana Figma dapat membantu dalam panduan ini.

    Baca artikel