- Google Labs, doğal dili yüksek kaliteli UI tasarımlarına dönüştüren yapay zeka yerel bir yazılım tasarım tuvali olarak Stitch'i baştan sona yeniden kurguladı
- Wireframe olmadan iş hedeflerini veya kullanıcı deneyimini tarif ettiğinizde tasarım üreten "vibe design" kavramını tanıttı
- Sonsuz tuvale görsel, metin ve kodu bağlam olarak aktarabiliyor; yeni tasarım ajanı ise tüm proje üzerinde akıl yürütebiliyor
- Statik tasarımları anında etkileşimli prototiplere dönüştürüyor ve sesle gerçek zamanlı tasarım düzenlemesi yapılabiliyor
- MCP sunucusu, SDK ve DESIGN.md formatı üzerinden Figma, AI Studio gibi mevcut geliştirme iş akışlarına bağlanan bir köprü görevi görüyor
"Vibe design" nedir
- Yapay zekanın yazılım geliştirme biçimini kökten değiştirdiği akış içinde Stitch, fikirleri hayata geçirmeyi tasarım sürecinden başlatacak şekilde evrildi
- Geleneksel wireframe'ler yerine ulaşılmak istenen iş hedeflerini, kullanıcıya verilmek istenen duyguyu ve ilham veren referansları açıklamakla başlanıyor
- Farklı fikirleri hızla keşfedip daha yüksek kaliteli çıktılara ulaşmayı amaçlayan "vibe designing" yaklaşımı
Yapay zeka yerel tasarım tuvali
- Stitch arayüzü tamamen yeniden tasarlanarak sonsuz tuval (infinite canvas) biçiminde yapay zeka yerel bir arayüz sunuyor
- İlk fikir üretiminden çalışan prototipe kadar fikirlerin büyüyebileceği alan sağlıyor
- Tasarım sürecinde sık görülen ıraksama (diverge) ve yakınsama (converge) aşamalarını tuval üzerinde güçlendiriyor
- Görsel, metin, kod fark etmeksizin tuvale doğrudan bağlam olarak aktarma imkanı veriyor
Yeni tasarım ajanı
- Tuvaldeki geniş bağlamla birleşen yeni tasarım ajanı, projenin genel ilerleyişi hakkında akıl yürütebiliyor
- Daha fazla yön keşfetmek için Agent Manager sunuluyor
- İlerlemeyi takip etmeyi ve birden çok fikir üzerinde paralel çalışırken düzenli kalmayı sağlıyor
DESIGN.md ile tasarım sistemi
- Tasarım sistemi araç seti genişletilerek daha derin bağlamla çalışma imkanı sağlanıyor
- Herhangi bir URL'den tasarım sistemi çıkarılabiliyor ya da tasarım kuralları, ajan dostu bir Markdown dosyası olan DESIGN.md olarak dışa ve içe aktarılabiliyor
- Tasarımlar başka Stitch projelerine uygulanabildiği için her seferinde sıfırdan başlamak gerekmiyor
- Diğer tasarım ve kodlama araçlarıyla tasarım kurallarını paylaşmayı destekliyor
Hızlı iterasyon ve prototipleme
- Statik tasarımlar anında etkileşimli prototiplere dönüştürülerek kullanıcı yolculuğu hemen deneyimlenebiliyor
- Ekranlar birkaç saniye içinde "Stitch" ile birbirine bağlanabiliyor ve "Play" düğmesine tıklanarak etkileşimli uygulama akışı önizlenebiliyor
- Tıklamalara göre mantıklı bir sonraki ekranı otomatik oluşturuyor, böylece kullanıcı yolculuğunu haritalamak kolaylaşıyor
- Tek tek öğeleri düzenlemek veya tüm akışı değiştirmek için tek tıklamayla çalışan hızlı geri bildirim döngüsü sunuyor
Ses tabanlı iş birliği
- Tuvale doğrudan sesle konuşma özelliği eklendi
- Ajan gerçek zamanlı tasarım eleştirisi sunuyor, röportaj benzeri bir yöntemle landing page tasarlıyor ve canlı güncellemeler yapıyor
- "3 menü seçeneği göster", "Bu ekranı farklı bir renk paletiyle göster" gibi istekler yapılabiliyor
- Yapay zeka bir sounding board gibi davranarak dinamik eleştiri ve diyalog üzerinden en iyi fikirlerin ortaya çıkmasına yardımcı oluyor
- Yaratıcı akış korunurken eller serbest etkileşim destekleniyor
Tasarımdan koda: MCP, Skills, dışa aktarma
- Stitch MCP sunucusu ve SDK üzerinden Stitch işlevleri, skills (2.4k stars) ve araçlar olarak kullanılabiliyor
- AI Studio, Antigravity gibi geliştirici araçlarına tasarım dışa aktarma desteği sunuluyor
- Yapay zeka ile geliştiriciler arasındaki ortaklığın kopmaması için ekip iş akışındaki tüm araçlar arasında köprü görevi görüyor
Hedef kullanıcılar ve erişilebilirlik
- Onlarca varyasyonu keşfetmek isteyen profesyonel tasarımcıları ve ilk yazılım fikrini hayata geçirmek isteyen girişimcileri hedefliyor
- Fikir ile gerçeklik arasındaki boşluğu günler yerine dakikalar içinde kapatmayı amaçlıyor
- Şu anda 18 yaş üstü kullanıcılar için, Gemini'nin desteklendiği ülkelerde İngilizce olarak kullanılabiliyor
2 yorum
Deniyorum ama... pek emin değilim.
Sebebi benim promptumun tuhaf olması da olabilir ama... fontlar ve tasarım biraz kötü..
“Google Figma’yı öldürdü” diyecek kadar değil ama oldukça temiz görünüyor.
Figma’nın power user’ı olmayanlar için bu seviye birçok kişiyi tatmin edebilir.
Figma hisseleri de hızla düşüyor.