AI ile prototip bir ekranın nasıl görüneceğini değil, nasıl çalışacağını göstermeye başladı. Codex ile gerçek bir uygulama kuran, kendi prototipleme aracını yazan ve tasarım ekibini ortak bir demo ortamına taşıyan üç ekip anlatıyor.
Commencis, Reddit ve Shopify’da prototipin birimi değişti: Figma akışı yerine React Native uygulaması, gerçek Reddit verisiyle çalışan bir prototip, Admin’in içinde canlı bir demo. Reddit ve Shopify bunu ekibin ortak ortamına taşıdı; herkes aynı araçta ya da aynı linkte çalışıyor. İki ekip prototip ile production arasına bilinçli bir çizgi çekiyor: Shopify’ın playground’u ana repoya giremiyor, Reddit mühendisliğe ayrı bir devir paketi hazırlıyor.
Ekip, bir müşterisinin konsept tasarımını deneyimletmek isterken Figma prototiplerinin uzun akışlarda yumağa döndüğünü, haptik geri bildirimi ve istenen ekran geçişlerini veremediğini gördü. Figma Make denemesi HTML çıktısı verdi ve link tarayıcıda açıldığı için istenen deneyimi yansıtmadı. Çalışan akışı OpenAI Codex’te çözdü: ekranları tarif edip Figma linkini verdi, önce geçişleri sonra etkileşimleri ekledi ve ortaya React Native ile yazılmış gerçek bir uygulama çıktı. Light tema ekranları bitince Codex’ten WCAG 2.2 AA kriterlerine uygun dark mode istedi; tek bir tasarım ekranı ya da renk kodu vermeden uygulamanın tamamı yaklaşık 20 dakikada dark mode’a geçti. Bu süreçten sonra ekip development ekipleriyle birlikte çalışan uygulamalara feature geliştirmeye başladı.
Reddit’te principal UX engineer olan Blair Metcalf, şirket içinde kullanılan Reddit Proto adlı prototipleme aracını kurdu. Araç Figma’yı özel bir Figma MCP ile Cursor’a bağlıyor; Reddit’in ürün dilini production koduna eşleyen ayrı bir tasarım sistemi MCP’si de kullanıyor. Tasarımcı Git bilmeden boş bir sayfadan paylaşılabilir bir prototipe dakikalar içinde ulaşıyor ve prototiplerde sahte veri yerine gerçek Reddit verisi kullanılıyor. Prototip üzerine düşülen notlar Cursor’da hedefli düzenlemelere dönüşüyor, mühendislik devri için “feature capsule” adını verdikleri bir paket hazırlanıyor. Araç Reddit’in UX ve ürün organizasyonunda tamamen benimsendi ve üzerinde 700’den fazla prototip yayında.
Shopify’da Admin’in yeniden tasarımı için tasarım ekibi fikirlerini, içinde bir dev UI paneli olan prototip ortamında doğrudan arayüze inşa ediyor. Bir demo üzerinde hizalanınca herkes ondan branch açıp kendi versiyonunu yapıyor ve hepsi aynı demo ve aynı link içinde toplandığı için fikir ve bağlam paylaşmak kolaylaşıyor. Bu playground production kodu değil ve Shopify’ın ana GitHub reposuna giremiyor; amacı fikri test etmek ve üzerine inşa etmek. Product design studio’yu yöneten konuşmacıya göre bu prototipler bir PRD dokümanından çok daha işe yarıyor.
AI araçlarıyla bir prototipi dakikalar içinde ayağa kaldırmak mümkün oldu. Asıl soru hız değil: bu prototip ne kadar gerçek, kim üzerinde çalışıyor ve production’a nasıl geçiyor.
Bu soruyu prototiplemeyi AI ile yeniden kuran ekiplere sorduk. Prototipin neyle yapıldığını, ekibin onu nasıl paylaştığını ve koda geçişte nerede durduğunu yan yana koymak istedik.
Tasarım, ürün ve yapay zekadan seçtiğimiz en iyi okumalar, iki haftada bir çarşamba posta kutunda.
