Tutorial

Panduan Lengkap AI Buildify

Pelajari cara menggunakan AI Buildify untuk menghasilkan kode website berkualitas dalam hitungan detik.

Siap Mencoba?

Mulai generate kode pertama Anda sekarang!

Mulai Sekarang

Langkah-Langkah Penggunaan

🔑
Langkah 1

Dapatkan API Key

Kunjungi ai.google.dev untuk mendapatkan API Key gratis. API Key ini diperlukan untuk mengakses kekuatan AI Buildify.

💡 Tips:

  • API Key gratis dengan limit generous
  • Simpan API Key Anda dengan aman
  • Jangan share API Key ke publik
📝
Langkah 2

Masukkan API Key

Setelah membuka AI Buildify, masukkan API Key Anda pada form yang tersedia. Klik 'Simpan & Lanjut' untuk melanjutkan.

💡 Tips:

  • API Key disimpan di browser Anda
  • Anda bisa mengubah API Key kapan saja
  • Session API Key akan reset saat refresh
💡
Langkah 3

Deskripsikan Website Anda

Jelaskan secara detail website atau komponen yang ingin Anda buat. Semakin detail deskripsi, semakin baik hasilnya.

💡 Tips:

  • Sebutkan warna dan style yang diinginkan
  • Jelaskan fitur-fitur yang diperlukan
  • Berikan contoh referensi jika ada
🚀
Langkah 4

Generate & Preview

Klik tombol 'Hasilkan Kode Sekarang' dan tunggu AI menghasilkan kode. Preview langsung akan muncul di tab Live Preview.

💡 Tips:

  • Proses biasanya memakan waktu 10-30 detik
  • Anda bisa melihat preview real-time
  • Gunakan tab untuk switch antara preview dan kode
📥
Langkah 5

Download & Gunakan

Setelah puas dengan hasilnya, download kode dalam format .html atau .txt dan gunakan langsung di proyek Anda.

💡 Tips:

  • File .html siap digunakan langsung
  • Kode sudah include CSS dan JavaScript
  • Anda bisa edit lagi sesuai kebutuhan

Contoh Prompt

Gunakan contoh prompt di bawah ini sebagai inspirasi untuk menghasilkan website impian Anda

Landing PageMedium

Buat landing page untuk startup fintech dengan hero section gradient biru-ungu, fitur highlights dengan icons, pricing table 3 tier, dan CTA yang eye-catching. Responsive untuk mobile.

PortfolioMedium

Buat portfolio website untuk desainer UI/UX dengan gallery grid, about section dengan foto, skills progress bar, dan contact form. Gunakan tema dark dengan accent gold.

DashboardHigh

Buat dashboard admin sederhana dengan sidebar navigation, stat cards, table data, dan chart placeholder. Gunakan warna professional biru navy dan white.

BlogLow

Buat halaman blog dengan article cards, featured post besar di atas, sidebar dengan categories dan recent posts. Minimalist design dengan typography yang bagus.