Learning Timeline
Key Insights
Konsep Vibe Coding dalam Design
Google Stitch membawakan konsep 'vibe coding' ke dalam dunia design. Anda tidak perlu menyusun elemen secara manual; cukup sekadar menerangkan 'vibe' atau gaya yang anda mahu, dan AI akan membina keseluruhan sistem visual untuk anda.
Gunakan Follow-up Prompts untuk Iterasi
Jangan risau jika hasil pertama tidak sempurna. Kekuatan utama Google Stitch adalah kebolehan untuk menerima arahan tambahan (follow-up) untuk mengubah elemen spesifik tanpa perlu menjana semula keseluruhan projek dari kosong.
Prompts
Penjanaan UI Aplikasi Produktiviti
Target:
Google Stitch
Create a productivity app with a dashboard page, a calendar page, a note page, and a progress tracker. Make the design very clean and minimalistic.
Prompt Modifikasi (Follow-up)
Target:
Google Stitch
Change the primary colors to emerald green and add a user profile settings page.
Step by Step
Cara Menjana Rekaan UI/UX dengan Google Stitch
- Buka platform Google Stitch pada browser anda.
- Kenal pasti jenis aplikasi yang ingin dibina (Mobile atau Web).
- Pilih 'Presets' rekaan yang tersedia pada paparan utama jika anda mahu gaya tertentu, atau biarkan pada tetapan 'Default'.
- Masukkan text prompt yang menerangkan fungsi aplikasi dan gaya visual yang diingini ke dalam ruangan input (Contoh: 'Clean and minimalistic productivity app').
- Klik butang 'Send' untuk memulakan proses penjanaan AI.
- Tunggu beberapa minit sehingga Google Stitch menjana keseluruhan sistem rekaan termasuk typography, susunan warna (color selection), dan mockup halaman.
- Semak hasil rekaan yang dijana seperti Dashboard, Calendar page, Note page, dan Progress tracker.
- Gunakan ruangan 'Follow-up prompts' di bahagian bawah skrin untuk membuat perubahan spesifik seperti menukar warna utama atau menambah halaman baru.
