Bina antaramuka aplikasi dengan Google Stitch

Penghasilan Design Galeri Foto

Penghasilan Design Aplikasi Sukan

Cara Menghasilkan Design UI Menggunakan Google Stitch

1. Layari laman web rasmi Google Stitch dan log masuk ke akaun anda.
2. Pilih jenis projek yang ingin dihasilkan (Mobile App atau Web App) pada dashboard utama.
3. Cari kotak input teks untuk 'Prompt' di bahagian tengah skrin.
4. Taipkan deskripsi aplikasi yang ingin anda bina secara spesifik (Contoh: 'A personal photo library').
5. Tekan butang 'Enter' atau butang 'Generate' untuk memulakan proses binaan AI.
6. Tunggu AI menjana beberapa skrin antaramuka (UI) secara automatik berdasarkan konsep designer.
7. Klik pada mana-mana komponen atau skrin untuk melihat butiran design dan kod yang dihasilkan.
8. Gunakan butang 'Export' atau 'Import into Figma' untuk memindahkan design tersebut ke dalam alat reka bentuk profesional.
9. Klik pada butang 'Code' jika anda ingin menyalin (copy) kod sumber (source code) bagi setiap elemen UI tersebut.

Mengubahsuai Design Menggunakan Template Sedia Ada

1. Pilih mana-mana contoh (example) aplikasi yang dipaparkan pada galeri Stitch (Contoh: 'Board game app planner').
2. Klik pada prompt asal yang digunakan oleh template tersebut untuk mengaktifkan mod edit.
3. Gantikan kata kunci dalam prompt tersebut dengan keperluan anda (Contoh: Tukar 'Board games' kepada 'Tennis').
4. Tekan butang 'Run' atau 'Regenerate' untuk melihat AI mengemaskini ikon, teks, dan layout mengikut topik baharu.
5. Semak paparan 'Leaderboard' atau skrin profil yang dijana secara dinamik oleh AI.