Uzun zamandır aklımda bir fikir dönüp duruyordu: Happy Hour Finder — kullanıcıların yakınlarındaki happy hour fırsatlarını kolayca bulabilecekleri bir uygulama. Bu yazı, o fikri hayata geçirme yolunda ilk adımı atmam için harika bir vesile oldu. AI tasarım araçlarıyla deneyimim neredeyse hiç yok. Bu yüzden Mustafa Dalcı’dan destek istedim; yazının sonunda, daha deneyimli biri olarak kendi yorumlarını paylaşacak.

İşe deneyeceğim araçları seçerek başladım. Lovable fikirleri hızla ürüne dönüştürme konusunda güçlü ve şu an daha popüler bir konumda. UXPilot.ai daha çok UX odaklı, özellikle bilgi mimarisi ve akış kurgusuyla ilgilenen tasarımcılar için anlamlı. Figma Make, zaten Figma ekosisteminin içinden geldiği için entegrasyonu kolay, iyi bir tasarım yardımcısı rolünde. Stitch ise henüz yeni ama oldukça; geliştikçe popülerliğini ciddi biçimde artırabilecek bir araç gibi duruyor.

Farklı formatlarda nasıl sonuçlar veriyor görmek için hem mobil hem desktop tasarımı denemeye karar verdik. Claude ve ChatGPT yardımı ile promptlarımı hazırladım:

📱 Mobil Happy Hour Hunters: Kendilerine yakın Happy Hour fırsatlarından yarralanmak isteyen kullanıcılar için sosyal bir mobil deneyim.

Prompt: "Create a mobile app called 'Happy Hour Finder' that helps users discover nearby bars with active happy hour deals. The style should be modern and vibrant, evening/nightlife vibe. The app should feel fun and easy to use for social planning."

💼 Desktop Bar Owners: Happy hour performansını takip etmek isteyen işletmeler için profesyonel bir desktop dashboard.

Prompt:

"Create a desktop dashboard called Happy Hour Insights that allows bar owners to monitor and manage their happy hour performance. Clean, data-driven UI with subtle nightlife-inspired colors. The dashboard should feel professional but lively — designed for bar owners who want to track and optimize their happy hour deals easily."

Kolları sıvadım, aynı promptları her bir araçla denedim, deneyimlerimi derledim, duygularımı paylaştım. Seni bu araçları değerlendirme konusunda kalifiye kılan ne diye sorarsanız: “Ben de bilmiyorum, Mustafa Bey dene dedi denedim” derim. Fikirler de 🍑 gibidir, herkeste bir tane vardır. Kısacası tamamen objektif ve tarafsız bir değerlendirme arıyorsanız yanlış yerdesiniz şimdiden anlaşalım.

Google Stitch

Disclaimer: Bu araca zaten Google hesabım ile üye olmuştum, o yüzden ilk onboarding sürecini ile iligli anılarım bulanık, ama ilk defa tasarım için kullanmayı deniyorum.

⚡ İlk deneyim

Google hesabıyla kayıt sorunsuz. Direkt prompt yazma alanı ile açılıyor - onboarding yok gibi. Bence iyi aslında, sürekli fırlayan pop-up "tip"ler sinir ediyor zaten, hepsini geçiyorum. Arayüz oldukça basit ve temiz, ChatGPT ya da herhangi bir chatbot kullanmak gibi hissettiriyor. İlk 5 dakikada rahat hissettim ama tek sorum: fazla mı basit acaba? 🤔

📝 Prompt → sonuç

Promptu yazmak kolay - örnek projeler ve promptlar var, taslak görsel ilham da eklenebiliyor. Spesifik tek ekran oluşturuyor bir kerede, geliştirme için öneriler iyiydi. Bekleme süresi tolere edilebilir.

Mobil: Haritalı ekran ve scrollable list. Güzel temiz ama biraz basit.

Desktop: Happy hour konseptine uygun bir öge yok. Temiz ama herhangi bir fintech uygulaması gibi.

‍

‍

🎨 Çıktı kalitesi

Dark renkler kullanmış, mor güzel ama harita da dark olabilirdi. UI basit.

Mobil:

‍

Desktop:

‍

🛠 Kullanım kolaylığı

Düzenleme kolay, chat'te geliştirme önerileri veriyor - hoş bir dokunuş. Ekranları “like/unlike” atabiliyoruz, sevme sevmeme sebebimize detay ekleyebiliyoruz.

Sorun: Haritanın da dark mode olmasını istedim, ayrı ekran oluşturdu ama istediğim olmadı. Sonra ÇOK SAÇMA bir görsel koydu. Stilleri değiştirince de “customer comments” ögesi kafasına göre kayboldu. Tutarlılık konusunda daha iyi olabilir. Düzenleme konusunda sınıfta kaldı ama gelişebilir.

Kullanması genel olarak kolay, önerileri güzel, beginner-friendly.

💰 Değer mi hiç?

UI ekran tasarımında destek için yeterli, genel fikirden ürüne geçmek için değil. Fazla basit, yeterince yaratıcı değil. Gerçi AI'da yaratıcılık arayanda kabahat. Ücretsiz ve gelişim sürecinde bir araç için gayet iyi fiyat-performans hatta free-performans diyelim.

Var olan bir projede başlangıçta UI desteği için kullanırım. Düzenlemelerde - varolanı çoğaltıp değişikliği üstüne yapıyor, birçok iterasyonu karşılaştırmak için iyi. Variant oluşturma özelliğini beğendim.

Figma export faydalı, özellikleri net belli olan projede UI desteği için işe yarar bir araç. Ama genel fikirden bir ürün oluşturmaya gelince verimli bulmadım.

Overall Score: 6/10 - Basit, temiz, kullanması kolay ama fazla basit. Şimdilik…

Stitch'e bu kadar yüklenmeme dayanamadık, burada telefon hakkımızı kullanıp Caner Aras'a bağlandık:

Stitch: Experimental modda çalıştırılmadığında çıktılarınızı Figma’ya Auto Layout hazır şekilde yapıştırmanıza olanak tanıyor. Figma’ya atılabilir olması iyi bir başlangıç noktası haline getiriyor. Claude gibi çalışan prototipler için değil ama Wireframe düzeyinde çıktılar üretmek için iyi. Daha iyi olduğu kısım gelecek vaad ediyor olması.

‍

Figma Make

Disclaimer: Figma… Yine mi sen lan her gün de karşıma çıkıyosuuuun?!?! Figma ile UX Okulu 8.dönemde Figma modülünden beri bir love-hate ilişkim var maalesef. Kişisel sebeplerin adil bir değerlendirmenin önüne geçmemesini umalım.

⚡ İlk deneyim

Zaten Figma hesabım vardı, direkt prompt alanı çıkıyor önümüzde, altında öneriler var. Figma kullanarak bir şey tasarlayacağım zaman çok düşünmeden hemen başladığım belki de ilk an... Tutorial yok ya da bana çıkmadı.

İlk his: Önyargılıyım ama aşabilirim 😊

📝 Prompt → sonuç

Promptu yazmak kolay, öneriler de var. Bekleme bir tık uzun - yanda kod yazıyor, bir şeyler yapıyor, chat'te süreç akıyor anlamıyorum ama umurumda da değil, kendimi Figma'nın kollarına bıraktım.

Mobil: Üzerinde etkileşimler var çalışıyor - bunu belirtmemiştim bile kendi eklediği bir özellik. Renk koyu, nightlife vibe'ına uyuyor, mor detay renkleri güzel. İlk iterasyonda gayet güzel çıktı verdi. Çok az detayla genel bir brief için ekranda olması gereken ögeleri ve etkileşimleri kendi iyi seçip tasarlaması güzel. UX bilgisi olmayan kişiler için de avantaj sağlar.

Desktop: İlk iterasyonda renk hariç güzel, basit bir çıktı.

🎨 Output kalitesi

Renklere sadık, UI profesyonel. Tek ekran yaptı içinde etkileşimler var - seçili kategoriye göre barları gösteriyor. Dashboard ilk hali bembeyaz, hiç nightlife'a uymamış ama sonra dark renklerle düzeltti.

​Mobil:

​Desktop:

🛠 Kullanım kolaylığı

Manuel tasarıma alıştıktan sonra AI araçlarında Figma'daki gibi anında tıklayıp yazıyı, fontu, rengi değiştirememek sinir ediyor hep beni ama istediğim değişiklikleri iyi anlayıp yapıyor. “Help” kısmından video tutorial'lara yönlendirme var - kullanışlı buldum.

Bence Figma genel olarak diğer tasarım software'lerine göre (ismi lazım değil ama baş harfi Adobe 👀) temiz ve kullanması kolay. Figma Make’i de aynı şekilde beginner-friendly buldum.

Oluşturulan ekranları png export alma seçeneği yok (ya da bulamadım) ama projeyi “publish”leyerek prototipi paylaşmak mümkün.

Önceki versiyonlara dönebiliyorum. Format ayarlayabiliyorum, responsive. Adım adım sürecini gösteriyor chat akışında.

Öne çıkan özellik: "Fix these errors for me" bu özelliğe bayıldım - bilgisayar mühendisliği okurken kullandığımız IDE’lerde böyle şeyler olsa C++ derslerimi ağlamadan geçebilirdim...

‍

‍

💰 Değer mi hiç?

Kısıtlı günlük credit var - projeleri denememe yetti ama daha da oynamak isterdim neler yapılabiliyor diye, biraz az geldi. Mobili deneyince günlük hakkım bitti, desktop için diğer hesabımla giriş yaptım…

‍

Professional plan'da tasarımı layerları ile alıp kendi projemde düzenleyebiliyormuşum- bu özellik baya işime yarardı. Buna harcayacak param olsa ücretli versiyonunu deneyebilirdim, daha neler yapabiliyor merak ettim. Kesinlikle tekrar kullanırım, hatta belki de UI tasarımını sevmeme sebep bile olabilir.

Öne çıkan özellik: "Fix errors for me" seçeneği çok iyi.

Genel Skor: 8.5/10

Özür dilerim Figma, I wasn't aware of your game.

‍

UXPilot.ai

🚀 İlk deneyim

Kayıt kısa sürdü, birkaç soru soruyor. Bir tutorial geliyor - yararlı olabilir ama ben bu tarz tutorial'ları sevmiyorum demiştim yani o buton ne hakkında basıp kendim çözebilirim, bana anlatıp zamanımı harcamasan da olur. Benim yeni bir araç kullanırken minimum gerginlik… Ama yine de bir şeyler gösterdi ki ilerleyen dakikalarda fark edeceğim üzere bu çok da işe yaramamış.

İlk his: Karışık duygular içindeyim.

📝 Prompt → sonuç

Yandaki prompt yazma penceresi karışık. Prompt yazma yerin var, mobil/web seçeneği var, wireframe/hifi design seçilebiliyor (iyi özellik ama kafa karışıklığımı azaltmadı).

Chat ekranı akışı yok - tuhaf buldum. Süreci gözlemlemek, iterasyonları takip etmek bu kısımda zor. Prompt öneri ve enhance özellikleri var ama nerede bulabilirsen.

İlk çıktı mobil/desktop seçmediğim için tuhaf bir hibrit çıktı - teşekkürler hiçbir işe yaramayan tutorial. Chat akışı olmadığı için ekstra ekran oluşturmam gerektiğinde nasıl ilerlemeliyim emin olamadım. Desktop'ta mobilde denedikten sonra akıllandım, renk hariç iyiydi.

🎨 Output kalitesi

İlk promptta renklere sadık değil, iterasyonlar arası tutarlılık az. UI profesyonel ama basit. Ekranların çinde etkileşim var, haritada hareket edilebiliyor. Dashboard için ilk iterasyondan itibaren renklere daha sadık kaldı.

‍

​Mobil:

Desktop:

🛠 Kullanım kolaylığı

Chat akışı olmadığı için başta var olan çıktıdan düzenleme mi yapıyorum, yeni bir şey mi istiyorum anlayamadım. Ekranların üstüne tıklayınca düzenleme seçenekleri çıkıyor. Spesifik ekranı düzenlemek için üstündeki “edit” butonunu kullanınca versiyonları üst üste diziyor - güzel sistem ama bunu anlayana kadar 5-10 dakika geçti.

Sorunlar:

• İterasyonlar arası stil tutarsızlığı
• En büyük sorun: Projeden çıktım, bir geldim ekranlar gitmiş. Chatbot'a sordum, meğer üstündeki yıldız ile kaydetmek gerekiyormuş - teşekkür ederim bu bilgiyi hiç bir yerde vermediğiniz için. Neyse ki recover seçeneği vardı ama sonrasında dosya içinde yine göremedik - şaka mı?

AI chatbot var yardım (!) için ama mesai saatleri dışında kullanım dışı. Promptlar için öneriler var ama direkt görünür değiller. Beginner-friendly değil - hem tasarım hem de tool kullanma açısından deneyimi olmayan biri zorlanabilir.

💰 Değer mi hiç?

Ücretsiz versiyonda 90 credit var (generation başı 6 credit). Düzenleme seçeneklerinde “section editi” ücretsizde yok, flow oluşturma yok. Bir sürü ekstra özellik yapmışsınız yarısı ücretsiz versiyonda kullanılmıyor, tek sayfa tek projeye izin veriyor, e ne anladım o işten?

Gereksiz karmaşık geldi - işimi kolaylaştıracağına uzattı. Tekrar kullanır mıyım emin değilim.

Öne çıkan özellik: Wireframe ve hifi tasarım için ayrı seçenekler güzel.

Genel değerlendirme: Genel fikirden yola çıkıp bir şey yaratmak yerine tasarım proseslerinde yardımcı olarak daha uygun. Her ekrandaki özelliklerin belli olduğu ve tasarım açısından net sınırları olan projelerde verimlilik sağlar. UX/UI bilgisi ve bu tarz araçlarda deneyimi olmayan kişiler için alışması zor - daha çok bu alandaki profesyonellerin rahat yararlanabileceği bir araç.

Genel Skor: 7/10

‍

Lovable

🚀 İlk deneyim

Yine landing page'de direkt prompt yazma alanı ile karşılaşınca, beni login'e yönlendireceğini bile bile hemen oraya prompt yazıp çıktı generate etmesini beklerken benim alıklık…

Google hesabımla giriş kısa sürede halledildi. Örnek öneri yok, tutorial yok. Lovable saldı beni çayıra…

İlk his: Temiz, basit, kolay anlaşılır arayüz. Tutorial ile sinirimi bozmadı ama acaba fazla mı relax'ız?

📝 Prompt → sonuç

Promptu yazmak basit. Bekleme 30-45 saniye - diğerlerine göre uzun ama ilk sonuç baya iyi!

İlk iterasyonda gayet iyi sonuç verdi. Sonrasında "what's next" önerileri verdi geliştirmek için - ben harita ekranı eklemesini istedim, o da önerilerindeydi. Ürünü geliştirmek için bu tarz öneriler baya iyi, özellikle daha genel bir fikirden yola çıkıyorsak.

🎨 Output kalitesi

Renklere sadık ✅

UI profesyonel ✅

Liste görünümü ve map görünümünü tek ekran üzerinde bir etkileşim ile yapmasını beğendim gerçek bir ürün hissi veriyor bu şekilde.

Açıkçası süreç o kadar sorunsuz ve temiz ilerledi ki biraz sıkıcı bi review olacak, söyleyecek fazla bir şeyim yok sanırım.

Derken bir gol yedik: PNG export üzümlü kekim neredesin?

Çıktıları aşağıdaki linklerden inceleyebilirsiniz.

​Mobil​

​Desktop​

🛠 Kullanım kolaylığı

Direkt chat'ten yazarak düzenleme yapılıyor ama en iyi özelliği: ekrandaki spesifik ögeleri (button, text vs) düzenleyebiliyorsun! Yazı aralıkları, stil, içerik - hem manuel düzenlenebiliyor hem prompt vererek AI'ın yapmasını isteyebiliyorsun.

Figma Make gibi oluşturulan ekranları png export alma seçeneği yok ama projeyi “publish”leyerek prototipi paylaşmak mümkün.

Tasarım manuel yapmaya alıştıktan sonra AI toollarda ince ayar yapmak mümkün olmadığında sinir bozucu olabiliyor demiştim- o yüzden bu özellik baya hoşuma gitti. Bu kadar ileri seviye sonuçlar veren bir toolun kullanımının bu kadar kolay olması da şaşırtıcı.

Bu arada Lovable’dan bana bunları söylemem için para vermiyorlar bu arada #reklamdeğil ama keşke olsa… var bi hayalimiz…

💰 Değer mi hiç?

Günlük 5 credit veriyor. En başta çok iyi ve spesifik hazırlanmış bir prompt ile ücretsiz versiyonla da çok daha iyi bir sonuç alınabilir. Harcayacak param olsa kesinlikle ücretli denerdim. Kesinlikle tekrar kullanırım.

Öne çıkan özellik: Ekrandaki spesifik ögeler üstünde ince ayar yapabilme özelliği beni kalbimden vurdu.

Genel Skor: 9.5/10 🌟

‍

🏆 Hızlı Karşılaştırma

En “Sevilesi” : Lovable (9.5/10) - O kadar akıcı ki yorum yaparken sıkıldım çünkü söylenecek kötü bir şey yok. Ekrandaki spesifik ögeleri düzenleyebilme özelliği beni kalbimden vurdu. Başta tutorial yok, zırt pırt fırlayan sözde “tips” yok, relaxxx olucannn…

En İyi "Redemption Arc": Figma Make (8.5/10) -"Fix errors for me" özelliğini çok beğendim. Figma ben seni çok yanlış tanımışım, gel barışalım.

En Karışık İlişki: UXPilot.ai (7/10) - Neye ihtiyacı olduğunu bilen profesyoneller için güçlü ama hiçbir işe yaramayan tutorial'ı ile beni kendinden soğuttu. İstediğim verimi alamadım ama tekrar denememe engel değil.

En "Meh" Deneyim: Google Stitch (6/10) - Evet, fazla basit. Tutarlılık? Tanımıyor. AI'da yaratıcılık aranmaz ama bu kadar da basic olunmaz. Büyü öyle gel Stitch.

(UXPilot hariç) Hepsinde karşılaştığım ortak sorun : PNG export neden yok varsa bulmak neden bu kadar zor?

‍

Sonuç:

Genel bir fikirden başlayıp hızlıca prototip yapmak istiyorsan → Lovable.

Figma ekosistemindeysen ve layerlı export istiyorsan → Figma Make.

Profesyonel iş akışı ve detaylı kontrol istiyorsan → UXPilot.ai.

Sadece hızlıca mockup görmek istiyorsan → Stitch.

​

Ama bu yarışın galibi benim için Lovable 💜

‍

Tamam iyice cıvımadan bir de kalemi Mustafa Dalcı'ya devredip onun yorumlarını alalım...

“İşimize elimizden alamaz bu kazmalar” veya “AI çöp” boomerlığı yapmayı çok istesem de, yıllar önce oluşturmaya çalıştığımız Landing Page Wireframe generator projesi geliyor aklıma. IoX’deki bilgisayar mügendisi arkadaşlarla beraber önce bir sürü landing page analiz etmek ve tanımlamak gerekiyor, sonrasında ise onlarla oluşturacağımız bir öğrenimi tasarıma dönüştürmek gerekiyor sürecinde projeden vazgeçmiştik. Şimdi bunu AI araçları ile yapmak harika, bunun 1-2 yıl içinde geleceği boyut da çılgın açıkçası.
​

Boomer’lığımızı tavsiyelerde kullansak, 6 yaşındaki kızımın bana verdiği cevaba benzer bir cevap alabilirim sizden: bla,bla,bla… (Okuldaki arkadaşından öğrenmiş)

Öne çıkan noktalar:

• Prototip için çok iyiler, bir maili hızlıca tasarıma dönüştürmek, toplantı sırasında böyle mi bir şey istiyorsunuz diye pat diye çıkarmak harika olabilir.
• Prompt 2 Design ok, Research to Design da nasıl acaba bu araçlar? Sonraki gündemlerimiz bu olmalı. Research 2 Insight tarafına zaten bakıyoruz.
• Eğer otomasyonla ilgili bazı motivasyonlarınız varsa, bu tarz araçları MCP'lere ya da N8N üzerinden başka yerlerle bağlayabilme özelliği bu araçların potansiyelini bambaşka bir noktaya götürebilir. Örneğin, toplantı kayıtlarından otomatik tasarım alternatifleri üretme otomasyonu yapabilirsiniz.
• Elin UXPilot’un puanlarını kırmış ama ben bir tık daha iyi verebilirim. Loveable’ın da rakamlarını hep iddialı bulup onlara karşı bir önyargı içindeydim ama bu yorumlar sonrası detaylı irdeleyeceğim. Sizler de yorumlarınızı paylaşın lütfen.

​

‍