Etkinlikler

AI-First UI: Google Stitch ile Ürün Tasarımı Atölyesi

Okuma Süresi: 2 dakika

Bu atölye:

  • Figma merkezli değil, prompt + AI üretimi merkezlidir.
  • “Designer refleksi” yerine ürün refleksi kazandırır
  • UI üretimini değil, UI yönlendirmeyi öğretir
  • Stitch’in LLM destekli UI & flow üretimini gerçek bir CRUD senaryosunda uygular

Kimler Katılmalı?

  • UX / Product Designer’lar
  • Girişimciler & startup ekipleri
  • Front-end / no-code geliştiriciler
  • AI araçlarını ürün sürecine entegre etmek isteyen ekipler
  • “Figma biliyorum ama artık yetmiyor” diyenler.

1. Bölüm – AI-First Ürün Düşüncesi & CRUD Mantığı (45 dk)

Amaç:
AI ile ürün üretirken nasıl düşünülmesi gerektiğini kavratmak

İçerik:

  • AI-first ürün nedir?
  • Google Stitch neyi çözer?
  • CRUD mantığı (Create – Read – Update – Delete)
  • “Ekran” değil “aksiyon” odaklı düşünme
  • Prompt = Yeni wireframe mi?

2. Bölüm – Stitch Mantığı & Prompt Tasarımı (1 saat)

Amaç:
UI’ı çizmek yerine doğru tarif etmeyi öğrenmek

İçerik:

  • Stitch arayüzü ve çalışma mantığı
  • Prompt anatomisi:
    • Kullanıcı tipi
    • Veri yapısı
    • Ekranlar
    • Aksiyonlar
  • Kötü prompt vs iyi prompt örnekleri
  • CRUD için örnek prompt setleri

3. Bölüm – Google Stitch ile UI & Flow Üretimi

Amaç:
AI tarafından üretilen UI’ı okuyabilmek ve yönlendirebilmek

İçerik:

  • Otomatik ekran üretimi
  • Liste, form, detay ekranları
  • Flow & navigation yapısı
  • AI çıktısını iyileştirme
  • UI kararlarını revize ettirme

4. Bölüm – CRUD Senaryosunun Çalışır Hale Getirilmesi

Amaç:
AI üretimini gerçek ürün mantığına bağlamak

İçerik:

  • Veri modeli tanımlama
  • CRUD aksiyonlarının bağlanması
  • State & user action ilişkisi
  • Edge case’ler (boş liste, hata durumları)
  • AI çıktısının manuel düzenlenmesi gereken noktalar

5. Bölüm – Ürünleşme, UX Kontrol & Gerçek Hayat Kullanımı

Amaç:
Stitch çıktısını “demo”dan “ürün fikrine” taşımak

İçerik:

  • AI ile üretilen UI’ın UX riskleri
  • Kullanılabilirlik kontrol checklist’i
  • Stitch + Figma birlikte nasıl kullanılır?
  • Stitch çıktısı geliştiriciye nasıl devredilir?
  • AI ile hızlı MVP üretmenin sınırları
image
Kemal ŞAHİN | Akademik Hayat

Akademisyen, kullanıcı deneyimi ve arayüz tasarımı, veri görselleştirme, web/mobil uygulama geliştirme.

Kemal ŞAHİN'i yakından tanıyın.