Google StitchNedir?

Google Stitch, Google Labs'ın AI destekli arayüz tasarım aracı. Mantık basit: bir cümle yazıyorsun, karşına düzenlenebilir bir arayüz çıkıyor. "Kayakseverler için bir uygulama yap" gibi bir prompt, el çizimi bir wireframe ya da var olan bir ekran görüntüsü veriyorsun; Stitch bunu ekranlara ve ön yüz koduna çeviriyor. Çıktı sadece görsel mockup değil — semantik HTML ve CSS (Tailwind desteğiyle) üretiyor, ayrıca Figma'ya Auto Layout'ları, isimlendirilmiş katmanları ve düzenlenebilir metin alanlarıyla export ediyor.

Aracın asıl değeri tasarımcı olmayanda ortaya çıkıyor. Kod yazmayı bilmeyen biri bir ürün fikrini yarım saat içinde tıklanabilir ekranlara dönüştürebiliyor. Tek ekranla da sınırlı değil: aynı proje içinde birbiriyle bağlantılı ekranlar üretip etkileşim hotspot'larıyla birbirine bağlayabiliyorsun, yani backend yazmadan önce akışı deneyebiliyorsun. Yeni MCP desteği işi ilginç bir yere taşıyor — harici AI kodlama ajanları Stitch tasarımına bakıp doğrudan layout düzenlemesi isteyebiliyor ya da varyant üretebiliyor. Tek yönlü export'tan iki yönlü bir döngüye geçiş bu.

Dürüst tarafı: Stitch bir tasarım sistemi aracı değil, hızlandırıcı. Çıktılar Google'ın kendi görsel diline (Material Design 3) yakın duruyor; marka kimliği güçlü ve kendi komponent kütüphanesi olan ekiplerde çıkanı elle düzeltmek gerekebiliyor. Arayüz şu an sadece İngilizce, 18 yaş üstü ve Gemini'nin açık olduğu ülkelerle sınırlı. Karmaşık animasyon ve mikro etkileşim beklentin varsa yine tasarımcıya dönüyorsun. Ama "fikri ilk ekrana dökme" aşamasında bu kadar hızlı ve bu kadar ücretsiz bir araç bulmak zor.

Temel Özellikler

• Doğal dil promptu, el çizimi wireframe veya ekran görüntüsünden arayüz üretimi.
• Aynı projede birbiriyle bağlantılı çok ekranlı akış üretimi; hotspot'larla tıklanabilir prototip.
• Çıktı export'u: HTML/CSS (Tailwind desteği) ve Figma'ya Auto Layout + isimlendirilmiş katmanlarla aktarım.
• MCP entegrasyonu: harici AI kodlama ajanlarının tasarımı okuyup düzenleme istemesi, varyant üretmesi.
• Google DeepMind'ın güncel modelleriyle üretim (Standart ve Pro mod seçenekleri).
• Şablon galerisi: Studio Portfolio, Auralis Dashboard, Romer Analytics gibi hazır web/mobil başlangıçlar.
• Ücretsiz kullanım; günlük kredi limiti gece yarısı UTC'de sıfırlanıyor.

Kullanım Senaryoları

• Fikir doğrulama: Startup'ta yatırımcıya gösterecek tıklanabilir akışı tasarımcı beklemeden saatler içinde çıkarıp Figma'ya aktarıyorsun, detayı orada veriyorsun.
• Front-end başlangıcı: Bir landing page veya dashboard iskeletini Stitch'te üretip aldığın HTML/Tailwind kodunu kendi projene taşıyorsun; sıfırdan div yazmıyorsun.
• Akış haritalama: Checkout, onboarding gibi çok adımlı akışları tek promptla ekranlara bölüp aralarına hotspot koyarak ekip içinde tartışıyorsun.
• Ajan destekli workflow: MCP üzerinden Cursor gibi bir kodlama ajanına tasarım bağlamını verip düzenlemeleri otomatik isteyebiliyorsun.
• Eğitim ve demo: Kod bilmeyen ekip üyelerine arayüz mantığını anlatmak için gerçek görünümlü örnekler üretiyorsun.

Fiyatlandırma

Stitch şu an tamamen ücretsiz; ücretli bir plan bulunmuyor. Google Labs beta sürecinde aracı bedelsiz sunuyor. Kullanım günlük kredi limitine tabi ve limitler gece yarısı UTC'de sıfırlanıyor; kalan kredini Stitch ayarlar sayfasından görebiliyorsun. Google'ın resmi SSS'i ücreti net biçimde doğruluyor: "Stitch is currently provided free of charge. It operates on a daily credit limit." Ayrı bir /pricing sayfası olmadığı için fiyat bilgisi ana sayfadaki SSS bölümünde duruyor. Ücretli plan beklentisi toplulukta konuşuluyor ama Google'dan resmi bir duyuru yok. (1 Ekim 2026'da https://stitch.withgoogle.com/ adresinden okundu.)

Günlük kredi rakamını Google resmi sayfalarında yayınlamıyor; resmi forumda zaman içinde farklı değerler geçmiş (örneğin Standart mod için 350, sonrasında günde 150). Bu yüzden sabit bir sayı yazmıyorum — net rakamı sen hesabına giriş yapıp ayarlar sayfasından görmelisin.