Learning Timeline
Key Insights
Konsep Vibe Coding
Anda tidak perlu menulis kod secara manual. Cukup dengan memberikan 'vibe' atau rekaan visual dan text prompt, AI akan menulis kod di latar belakang dan membina website untuk anda.
Alternatif Screenshot
Jika anda tidak mahu menggunakan fungsi eksport terus, anda boleh mengambil 'screenshot' rekaan anda dan memuat naiknya secara manual ke Google AI Studio untuk dijana menjadi website.
Penambahan Ciri AI Gemini
Google AI Studio membolehkan anda menambah fungsi AI yang dikuasakan oleh Gemini ke dalam web app anda, seperti chatbot atau pemprosesan data pintar, tanpa pengetahuan coding yang mendalam.
Custom Domain
Di bawah 'Advanced Options' dalam Google AI Studio, anda mempunyai pilihan untuk menggunakan domain sendiri (custom domain) bagi website yang telah di-publish.
Step by Step
Proses Eksport Design Google Stitch ke Google AI Studio
- Buka projek rekaan UI anda di dalam aplikasi Google Stitch.
- Klik pada pilihan 'Export' yang terletak di bahagian menu atau bar alatan.
- Pilih opsyen 'Build with AI Studio' daripada senarai pilihan eksport yang ada.
- Tunggu sebentar sementara sistem memuat naik imej, fail markdown, dan prompt secara automatik ke Google AI Studio.
- Setelah berada di Google AI Studio, klik butang 'Build' untuk memulakan proses penjanaan kod (vibe coding) berdasarkan rekaan anda.
- Gunakan toggle 'Mobile View' untuk memastikan paparan website anda adalah responsif dan kelihatan kemas di peranti mudah alih.
- Lakukan ujian (testing) pada elemen website untuk memastikan semua fungsi berjalan seperti yang diinginkan.
- Klik butang 'Publish' yang terletak di bahagian atas antaramuka Google AI Studio.
- Klik 'Get started' untuk memulakan proses pelancaran website anda ke internet secara live.
