Lewati ke konten

Pembuatan Gambar dengan AI

Buat gambar kustom dan temukan foto stok langsung dari chat AI. Sudah bawaan, tidak perlu API key.

AI Proyecta dapat menghasilkan gambar selama proses build. Ada dua alat bawaan — satu untuk visual yang dibuat khusus oleh AI, dan satu lagi untuk foto stok yang dikurasi. Tidak perlu API key dari pihak ketiga.

AI memiliki alat generate_image yang membuat visual kustom sesuai permintaan. Cukup minta:

  • "Generate a hero image for my landing page — abstract gradient with floating shapes"
  • "Create product mockup images for my e-commerce store"
  • "Make an illustration of a team collaborating for the about page"

Gambar yang dihasilkan disimpan di penyimpanan file proyekmu dan mendapatkan URL CDN permanen. AI mengunduhnya ke direktori src/assets/ proyekmu (direferensikan melalui ES6 import di komponen). Gunakan target_path: public/<name> untuk menempatkan file di public/ agar URL-nya stabil, seperti favicon atau OG image.

Opsi: AI dapat mengatur rasio aspek (1:1, 16:9, 9:16, 4:3, 3:4) dan kualitas (medium, high).

Untuk fotografi nyata yang dikurasi, AI menggunakan generate_stock_image untuk mencari di perpustakaan foto stok (Unsplash secara default, Pexels juga didukung):

  • "Find a hero photo of a modern office space"
  • "Add stock photos of food for the restaurant menu page"

Gambar stok diunduh ke direktori src/assets/ proyekmu, dan URL CDN hotlink-nya juga dikembalikan. Atribusi disertakan dalam hasil alat — AI akan merender kredit foto di UI-mu ketika platform dikonfigurasi untuk itu.

Untuk logo dan ilustrasi sederhana, AI dapat menghasilkan SVG secara langsung tanpa memanggil API gambar:

Generate an SVG logo for my app — minimalist, two colors, abstract mark.
Save it to public/logo.svg and use it in the navbar.
  • Gambar yang dihasilkan AI diunggah ke blob storage dan diunduh ke direktori src/assets/ proyekmu
  • Gambar stok (Unsplash / Pexels) diunduh ke direktori src/assets/ proyekmu
  • Gambar yang diunggah saat runtime (dari pengguna aplikasimu) diproses melalui SDK Files & Media

Jika kamu membutuhkan model atau penyedia tertentu untuk pengguna akhir aplikasimu (bukan builder), AI dapat mengintegrasikan layanan pembuatan gambar apa pun:

  • DALL-E / OpenAI"Add an image generation page that calls OpenAI's images API"
  • Stable Diffusion / Stability AI"Integrate Stability AI with an SDXL model"
  • Replicate"Add Replicate-powered image gen with model selection"

Tambahkan API key penyediamu di Environment Variables sebelum meminta.