Learning Timeline
Key Insights
Kelebihan Eksport Melalui AI Studio
Ini adalah cara paling mudah untuk melancarkan website (simplest way to get a website up) kerana AI akan menguruskan pembinaan semula struktur kod berdasarkan rupa paras design anda tanpa perlu coding manual.
Fleksibiliti Format Eksport
Selain AI Studio, anda boleh eksport ke format native Figma jika anda seorang designer, atau bawa kod tersebut ke tool AI lain seperti Claude atau ChatGPT untuk pengeditan lanjut.
Step by Step
Cara Eksport Design Menjadi Website Live
- Pergi ke bahagian atas sebelah kiri skrin dan klik pada mod 'Prototype'.
- Klik butang 'Export' yang terletak di dalam menu tersebut.
- Pilih pilihan 'Build with AI Studio' daripada senarai format eksport yang disediakan.
- Tunggu proses import selesai di mana Google AI Studio akan menarik semua kod dan elemen visual design anda secara automatik.
- Klik butang pengesahan di dalam Google AI Studio (contoh: 'Build' atau 'Publish') untuk membina semula aplikasi dan menjadikannya live di internet.
- Jika anda hanya ingin berkongsi preview, klik pada fungsi 'Copy Link' untuk mendapatkan pautan yang boleh dibuka oleh orang lain dalam pelbagai paparan (various views).
