Google Stitch.

Ürün fikrinden bağlı ekranlara

Stitch, yalnızca sanatsal illüstrasyonlar için değil, arayüzler için tasarlanmıştır. Metin, görseller, mevcut kod ve tasarım materyalleri bağlam olarak kullanılabilir. Ajan, ortak tuval üzerinde ekranlar oluşturmaya ve bunları geliştirmeye yardımcı olur. Böylece tartışma, genel bir “uygulama yapma” isteğinden belirli durumlara ve kullanıcı eylemlerine doğru ilerler.

Tuval, prototip ve tasarım kuralları

Güncel resmî materyaller; sonsuz tuvali, sesli etkileşimi, çalışma sırasında yapılan iyileştirmeleri ve etkileşimli prototip oluşturmayı açıklar. Birden fazla ekran birbirine bağlanıp kullanıcı akışı olarak denenebilir. Ancak prototipteki düğmenin bir geçiş sağlaması, gerçek bir sunucu işleminin varlığını doğrulamaz.

DESIGN.md tutarlı tasarım için kullanılır: görsel sistem kurallarına sahip bir dosya projeler ve uyumlu araçlar arasında aktarılabilir. Renkler ve bileşenler hakkında verilen kararların korunmasına yardımcı olur, ancak her ekranın kontrastını, hata durumlarını ve gerçek içeriğini kontrol etmenin yerini almaz.

Örnek: küçük bir katalog arayüzü

Görevi tanımlayın: ziyaretçi ürün türünü seçer, kartı açar ve uygun seçenekleri kaydeder. Üç ekranı açıklayın ve zorunlu alanları listeleyin. Örnekte gösterim amaçlı adlar kullanın; yalnızca taslağı doldurmak için şirket içi müşteri verileri göndermeyin.

İlk sürümden sonra yolu bütünüyle izleyin. Seçilen filtre belli mi? Yönünüzü kaybetmeden listeye dönebiliyor musunuz? Uzun başlık ve boş arama sonucu nasıl görünüyor? Bu sorular, yalnızca tasarımı modernleştirme isteğinden daha yararlıdır.

Ardından mobil ve geniş ekran sürümlerini karşılaştırın. Seçilen ürünün ve filtre durumunun iki ekranda da aynı açıklıkta anlaşıldığını kontrol edin. Ancak bundan sonra onaylanmış tasarımı geliştirme ekibine aktarın.

Kod aktarımı ve programatik erişim

Google; AI Studio, Antigravity ve diğer geliştirme araçlarıyla dışa aktarma ve etkileşimi açıklar. Teknik çalışmalar için MCP ve SDK sunulur; Google Labs Code deposunda HTML ve ekran görüntülerini programatik olarak alma imkânı bulunur. SDK’nin kendisi deneyseldir ve ürün için sözleşmeye dayalı destek taahhüt etmez.

Ekran kodu kendi ortamınızda açılıp kontrol edilmelidir: bağımlılıklar, duyarlı tasarım, erişilebilirlik, içerik ve olay işleyicileri. Otomatik oluşturulmuş giriş ekranı hazır bir kimlik doğrulama sistemi değildir; güzel ürün listesi de güvenli bir veri tabanı değildir.

Deneyin kullanılabilirliği ve sınırları

Çalışma resmi Stitch servisinde başlar. Fonksiyonlar, kotalar ve erişim yöntemleri değişebilir, bu nedenle geçerli bir hesapta kontrol edilirler; kesin fiyatlar ve evrensel bölgesel vaatler burada verilmez. Deneysel durum, bir müşteri ürününün piyasaya sürülmesinin bağlı olduğu süreç için özellikle önemlidir.

Kararlaştırılan tasarım kurallarını ve dışa aktarılan materyalleri tek bir oturumun dışında saklayın. Yayınlamadan önce metni, bağlantıların çalışmasını, mobil boyutları ve gerçek sunucu bileşenlerinin güvenliğini ayrıca kontrol edin. Hazırlanan arayüz bu kabul kontrolü için başlangıç noktasıdır, onun yerini tutmaz.

Hangi görevler uygun

• Birbiriyle bağlantılı birkaç arayüz ekranı hazırlayın
• Kullanıcı yolu seçeneklerini kontrol et
• Görsel kuralları DESIGN.md üzerinden aktar
• Geliştirmeye devam etmek için ekranların kodunu alın