2026'da yapay zekâ ile mobil uygulama tasarımı: eksiksiz rehber

Eskiden zor olan kısım mobil uygulamayı yayına almaktı. Artık değil. Yapay zekâ destekli kodlama araçları saatler içinde çalışan kod yazıyor ve uygulama mağazaları son on yılın en hızlı temposuyla doluyor. Bugün zor olan kısım, uygulamanızı insanların kullanmak isteyeceği bir şeye benzetmek. Tasarım, olsa iyi olur kategorisinden çıkıp uygulamanızı yapay zekâyla yapılmış diğer her uygulamadan ayıran şey hâline geldi.

Yapay zekâ ile mobil uygulama tasarımı şu demek: uygulamanızı sade bir dille anlatıyor ya da bir referans görsel paylaşıyorsunuz, profesyonel iOS ve Android ekranlarını yapay zekâ üretiyor. Çıktı düzenlenebilir; sohbet ederek iyileştiriyor, sonra Figma'ya, React koduna ya da bir yapay zekâ uygulama oluşturucusuna dışa aktarıyorsunuz. Bir freelancer ile haftalar süren iş artık dakikalar sürüyor.

Bu rehber işin tamamını kapsıyor: yapay zekâ ile mobil uygulama tasarımı nedir, bir tasarımcı tutmaya kıyasla ne kadar tutar, fikirden dışa aktarılmış ekranlara giden yedi adım nedir ve bugünkü araçlar nerede hâlâ yetersiz kalıyor. Önce kurucular, sonra geliştiriciler düşünülerek yazıldı; yine de uygulama ekranına ihtiyacı olan herkes için faydalı olacak.

Yapay zekâ ile mobil uygulama tasarımı nedir?

Yapay zekâ ile mobil uygulama tasarımı, bir metin açıklamasından ya da bir referans görselden uygulama ekranları üretmek için üretken yapay zekâyı kullanmak demek. Kaba eskizler çıkaran eski nesil oluşturucuların aksine bugünkü araçlar, iOS ve Android'in yerleşik kurallarına uyan, yüksek detay düzeyinde ve düzenlenebilir tasarımlar veriyor; bunları Figma'ya ya da üretime hazır koda dışa aktarabiliyorsunuz.

Pratikte bir sohbet gibi ilerliyor. Aklınızdaki uygulamayı anlatıyorsunuz: "sakin, tek renkli bir görünümü ve büyük bir günlük işaretleme butonu olan bir alışkanlık takipçisi." Yapay zekâ ekranı üretiyor, siz bakıyorsunuz ve konuşmayı sürdürüyorsunuz: paleti değiştir, navigasyonu değiştir, bir seri sayacı ekle. Her tur saniyeler sürdüğü için tasarım ilk taslakta takılıp kalmak yerine kafanızdaki şeye yaklaşıyor.

Üç yaygın başlangıç noktası var. İstediğinizi anlatabiliyorsanız bir metin prompt'u yeterli. Aradığınız hissi yakalayan bir uygulama, bir tasarım görseli ya da elle çizilmiş bir eskiz gördüyseniz referans görsel iş görür. Bitmiş bir tasarımdan başlayıp onu kendinize uyarlamayı tercih ediyorsanız şablon doğru seçim.

Bu artık niş bir çalışma biçimi değil. Sadece Sleek'te 60.000'den fazla kişi 220.000'in üzerinde mobil uygulama ekranı tasarladı ve en büyük kullanıcı grubu geliştiriciler ya da tasarımcılar değil, kurucular. Tipik kullanıcı profesyonel bir tasarımcı değil. Zaten olay da bu.

2026'da uygulamanızı neden yapay zekâyla tasarlamalısınız?

Çünkü darboğaz yer değiştirdi. Yapay zekâ destekli kodlama araçları uygulama yayınlamayı ucuz ve hızlı hâle getirdi; sonuçta her ay daha fazla uygulama çıkıyor ve çoğu birbirinin aynı görünüyor. Yeni bir uygulamanın güven kazanmasının başlıca yolu artık tasarım ve yapay zekâ tasarım araçları, profesyonel tasarımı hayatında Figma'yı hiç açmamış insanların erişimine soktu.

Arkadaki rakamlar çarpıcı. Appfigures verilerine göre geliştiriciler 2025'te App Store'a 557.000 yeni uygulama gönderdi; bu, 2024'e kıyasla %24'lük bir artış ve 2016'dan bu yana yaşanan ilk ciddi sıçrama. Appfigures bunu doğrudan yapay zekâ geliştirme araçlarına bağlıyor: büyük dil modelleri ile Cursor ve Replit gibi araçlar uygulama geliştirmenin teknik eşiğini düşürdü. Geliştirici tarafında ise Stack Overflow 2025 Geliştirici Anketi, geliştiricilerin %84'ünün işinde yapay zekâ araçları kullandığını ya da kullanmayı planladığını ortaya koydu.

Bu iki gerçeği yan yana koyunca yalnızca kodla rekabet eden herkes için rahatsız edici bir sonuç çıkıyor: uygulamayı yazmak artık savunulabilir bir avantaj değil. Tek bir yılda yarım milyon yeni uygulama geliyorsa düzgün çalışmak zaten asgari şart. Yeni bir uygulamaya ilk yüz kullanıcısını kazandıran şey, telefon ekranında, bir App Store listelemesinde, bir yatırımcı sunumunda ya da X'te paylaşılan bir ekran görüntüsünde inandırıcı görünmek.

İkinci sebep hız. Geleneksel tasarım döngüsü bir freelancer üzerinden yürür: brief yazarsınız, konseptler için günlerce beklersiniz, geri bildirim gönderirsiniz, yine beklersiniz. İlk tur için iki ila dört hafta normaldir. Yapay zekâ tasarım döngüsü ise sohbet hızında ilerliyor ve rakamlar, iterasyon ücretsiz olduğunda insanların ne kadar farklı davrandığını gösteriyor: Sleek kullanıcıları her gün yaklaşık 1.500 ekran üretiyor. Kimse bir freelancer'a günde 1.500 kez brief vermez. Keşfetmenin maliyeti sıfır olunca insanlar daha fazla yön deniyor.

Özellikle kurucular için kullanım senaryoları genelde üç tane: tek satır kod yazmadan önce gerçekçi ekranlarla fikri doğrulamak, yatırımcı toplantısına gerçek bir ürün gibi duran tasarımlarla girmek ve geliştiricilere (ya da yapay zekâ kodlama ajanlarına) üzerinde çalışacakları somut bir şey vermek.

Yapay zekâ ile mobil uygulama tasarımı ne kadar tutar?

Bir mobil uygulama için freelance tasarım turu genellikle $2.000 ile $10.000 arasında tutar ve iki ila dört hafta sürer. Yapay zekâ tasarım araçları ayda $0 ile $70 arasında bir maliyetle ilk ekranları dakikalar içinde çıkarır. Kurucuların çoğunun bugün yapay zekâyla başlamasının sebebi, çıktı kalitesinden çok bu makas.

Freelance rakamları şehir efsanesi değil. Twine'ın yayımladığı ücret verilerine göre freelance uygulama tasarımcıları deneyimlerine bağlı olarak saat başına $25 ile $150+ arasında ücret alıyor; sitedeki örnek hesapta eksiksiz bir mobil uygulama tasarımı, saat ücreti $70 üzerinden 80 saat, yani $5.600 tutuyor. Sonraki her revizyon turu faturaya yeni saatler ekliyor.

Üç gerçekçi yolun karşılaştırması şöyle:

Somut bir referans için Sleek'in fiyatlandırması şöyle: gerçek bir ilk projeyi karşılayan ücretsiz bir plan (tek proje, yaklaşık 3 ekran, ürettiğiniz ekranlarda Figma ve kod dışa aktarımıyla), yaklaşık 100 ekran için ayda $24.99'a Starter, yaklaşık 650 ekranın yanı sıra REST API ve ajan skill'i için ayda $49.99'a Pro ve iş birliği için kullanıcı başına $69.99'a Team. Krediler her ay sabit fiyattan yenileniyor; yani her yeniden denemede taksimetre işliyormuş hissi veren üretim başına ödeme kaygısı yok.

Maliyet farkı yalnızca bütçeleri değil, davranışı da değiştiriyor. Sleek kullanıcılarından uygulama kurucusu Alex T. bunu şöyle anlatıyor: "Eskiden freelance tasarımcılara binlerce dolar harcar, revizyonlar için haftalarca beklerdik. Artık fikirleri gerçek kullanıcılarla aylar içinde değil, günler içinde test edebiliyoruz."

Yapay zekâ ile mobil uygulama nasıl tasarlanır?

Süreç yedi adımdan oluşuyor: tek sayfalık bir konsept yazın, kendi kategorinizdeki uygulamaları inceleyin, ekranlarınızı haritalayın, ilk tasarımları yapay zekâyla üretin, sohbet ederek iyileştirin, beş ila sekiz kişiyle test edin ve Figma'ya ya da koda dışa aktarın. İlk üçü düşünme işi. Yapay zekâ, sonrasındaki her şeyi hızlandırıyor.

1. Tek sayfalık bir konsept yazın

Herhangi bir araca dokunmadan önce tek bir cümle yazın: "Bu uygulama [belirli bir kişinin] [belirli bir sonuca] [sizin yaklaşımınızla] ulaşmasına yardımcı olur." Sonra bunu getiren üç ila beş özelliği ve işe yaradığını size söyleyecek tek bir sayıyı listeleyin. Muğlak konseptler, yapay zekâ olsun olmasın, muğlak ekranlar üretir. Tek sayfa yeter; pitch deck gerekmiyor.

2. Kendi kategorinizdeki uygulamaları inceleyin

Alanınızdaki en popüler üç ila beş uygulamayı indirin ve içlerinde gerçek görevleri baştan sona yapın. Hepsinin aynı şekilde yaptığı şeyleri not edin (bu, kullanıcılarınızın beklediği yerleşik bir kuraldır) ve tek yıldızlı yorumlarını okuyun (boşluğunuz orada). İstediğiniz hisse uyan her şeyin ekran görüntüsünü saklayın; onlar sonra referans görselleriniz olacak.

3. Ekranlarınızı haritalayın

Ana akışınızın ihtiyaç duyduğu ekranları, açılıştan işin bitişine kadar sırayla listeleyin. Bir navigasyon deseni seçin: alt sekme çubuğu üç ila beş ana bölüme oturur ve mobil kullanıcıların beklediği şey budur. Her ekran için önce tek bir en önemli öğeyi yazın. Düz bir metin listesi yeterli; çizim yapmıyor, yapıya karar veriyorsunuz.

4. İlk ekranlarınızı üretin

Ağır işi buradan sonra yapay zekâ yapıyor. Spesifik prompt'lar muğlak olanlardan daha iyi sonuç verir: "bir uyku takip uygulaması için ana ekran, koyu ve sakin, en üstte büyük uyku skoru, altında bu geceye dair yatma saati önerisi, altta sekme çubuğu" modele üzerinde çalışacağı gerçek kısıtlar verir. 2. adımda topladıysanız bir referans görsel ekleyin. Ya da boş sayfayı tamamen atlayıp profesyonelce tasarlanmış mobil uygulama şablonlarından birini konseptinize uyarlayın.

Ana akışınızın dört ya da beş ekranını tek oturumda üretin ki ortak bir görsel dili paylaşsınlar. Kısıtları bol prompt'lar daha ilk turda şaşırtıcı derecede ileri gidiyor.

5. Sohbet ederek iyileştirin

İlk çıktıyı, üzerine gidilecek bir taslak olarak görün. En iyi sonucu somut istekler verir: "birincil butonu başparmağın erişebileceği yere taşı", "aynı ekranı daha sıcak bir paletle dene", "boş durumu daha samimi yap". İki yön arasında kaldığınızda ikisini de üretip yan yana koyun. Keşif aboneliğe dahil; kullanın.

6. Beş ila sekiz kişiyle test edin

Ekranları, hedef kullanıcınıza uyan beş ila sekiz kişiye gösterin. Onlara bir görev verin ("dün gecenin uykusunu kaydetmek istiyorsunuz, nereye dokunacağınızı gösterin") ve nerede duraksadıklarını izleyin. Takılmalar ve yanlış dokunuşlar bulgularınızdır. Düzenlemeler dakikalar sürdüğü için öne çıkan sorunları giderip aynı hafta içinde tekrar test edebilirsiniz.

7. Dışa aktarın ve geliştirme ekibine devredin

Ekranlar ayakta kaldığında onları geliştirmenin yapıldığı yere dışa aktarın: üzerinde bir tasarımcı ya da müşteri çalışacaksa Figma'ya native ve düzenlenebilir katmanlar olarak; siz ya da geliştiricileriniz kod tarafında bir başlangıç noktası istiyorsanız Tailwind ile React olarak. Oradan sonra tasarım, geliştirmenin peşinden sürüklenmek yerine onu yönlendirmeye başlar.

Bütün döngüyü sıkıştırılmış hâlde görmek ister misiniz? Bu anlatım, prompt'tan çalışan bir React Native uygulamasına altı dakikadan kısa sürede varıyor:

İyi bir mobil uygulama tasarımını ne belirler?

İyi bir mobil uygulama tasarımı platformun kurallarına uyar. iOS'ta bu, Apple'ın Human Interface Guidelines'ı demek; Android'de Material Design. Ekranlar gerçek cihaz ölçülerini, native navigasyon desenlerini, okunabilir kontrastı ve başparmağın isabet ettirebileceği dokunma alanlarını kullanır. Bu yerleşik kuralları çiğneyen bir uygulama, kullanıcılara sebebini söyleyemeseler bile anında yanlış gelir.

Bu kurallar herkese açık ve ayrıntılı:

• Apple'ın Human Interface Guidelines belgesi, iOS uygulamalarının navigasyonu, tipografiyi ve yerleşimi nasıl ele aldığını tanımlar; dokunulabilir her öğe için önerilen 44x44 pt dokunma alanına kadar iner.
• Material Design 3, kendi bileşen biçimleri, hareket kuralları ve renk sistemiyle Android tarafında aynı rolü üstlenir.
• WCAG 2.1, erişilebilirliğin alt sınırını belirler: normal metin için en az 4,5:1, büyük metin için 3:1 kontrast oranı. Gri üstüne gri, düşük kontrastlı metin gerçek güneş ışığında gerçek kullanıcılar için yetersiz kalır.
• Navigasyon platforma uymalı: iOS kullanıcıları alt sekme çubuğu ve geri kaydırma bekler; Android kullanıcıları sistemin geri davranışının her yerde çalışmasını bekler.

Kestirme test şu: iyi bir mobil tasarım gerçek bir uygulama gibi görünür, telefon genişliğine kırpılmış bir web sitesi gibi değil.

Yapay zekâ tasarım araçlarını değerlendirirken de işe yarayan mercek bu. Genel amaçlı tasarım araçları telefon ekranını sayısız tuval boyutundan biri olarak görür; dolayısıyla platform kuralları sizin işiniz olur. Mobil'e özel araçlar ise bunları içine gömer: doğru cihaz ölçüleri, native navigasyon desenleri, kol boyu mesafeden okunabilen tipografi ölçekleri. Her hâlükârda çıktıyı yayına almadan önce yukarıdaki kurallara göre gözden geçirin; varsayılanları araç belirler ama nihai karar sizin.

Sleek kullanıcılarından startup kurucusu Priya S. asıl önemli olan çıtayı şöyle tarif ediyor: "Figma öğrenmeye çalıştım ama altından kalkılacak gibi değildi. Sleek'te ihtiyacım olanı anlatmam yetiyor, gerçekten profesyonel görünen ekranlar çıkarıyor. Yatırımcılar bir tasarım ekibim olduğunu sandı."

Yapay zekâ tasarım araçları ile yapay zekâ uygulama oluşturucuları: fark ne?

Yapay zekâ tasarım aracı ekranları üretir: iyileştirip dışa aktardığınız yerleşimleri, renkleri, tipografiyi ve akışları. Yapay zekâ uygulama oluşturucusu ise bir prompt'tan çalışan kod üretir. İkisi farklı problemleri çözer. Rork, a0, Vibecode ve Anything gibi oluşturucular mobil uygulama üretiyor; v0, Lovable ve Bolt gibi araçlar web uygulaması üretiyor; her iki yolda da önce tasarım aracı geliyor.

Bu ayrım önemli, çünkü yapay zekâyla uygulama tasarlamanın yollarını ararken karşınıza çoğunlukla oluşturucular çıkıyor ve kurucular, problemleri tasarım olduğu hâlde sık sık bir oluşturucuyla başlıyor. Uygulamanız zaten varsa ve sıradan görünüyorsa bunu bir oluşturucu düzeltmez. Fikrinizin, geliştirmeye girişmeden önce gerçek görünmesi gerekiyorsa kod üretmek vaktinden önce atılmış bir adım.

İki kategori birbirini de tamamlıyor. Oluşturuculara bir paragraf metin yerine tasarlanmış bir referans verdiğinizde daha iyi sonuç veriyorlar, çünkü görsel kararlar çoktan alınmış oluyor. Önce ekranları tasarlayın, sonra geliştirin: elle, bir oluşturucuyla ya da bir yapay zekâ ajanıyla.

Bu çizginin tasarım tarafındaki araçların tek tek karşılaştırması için mobil uygulama tasarımı için yapay zekâ araçları sıralamamıza bakın.

Bir yapay zekâ ajanı uygulamanızı sizin yerinize tasarlayabilir mi?

Evet ve bu, iş akışının en yeni parçası. Claude Code ve Cursor gibi yapay zekâ kodlama ajanları, kurulabilir bir ajan skill'i ve bir REST API üzerinden Sleek'i doğrudan çalıştırabiliyor: ajan ekranları oluşturuyor, düzenleme istiyor ve dışa aktarımları çekiyor; siz terminalden çıkmıyorsunuz bile. Tasarım, kodlama döngüsünden koparan bir bağlam değişimi olmaktan çıkıp döngünün içindeki bir adıma dönüşüyor. Bunu Anthropic'in kendi tasarım tuvaliyle karşılaştırıyorsanız Claude Design'ın ne yaptığını ve nereye oturduğunu ayrıntılı anlattık.

Pratik sonucu şu: "önce ekranları tasarla, sonra geliştir" tek bir oturuma iniyor. Uygulamayı ajanınıza anlatıyorsunuz, o Sleek üzerinden tasarımları üretiyor, siz bir yön onaylıyorsunuz ve aynı ajan dışa aktarılan kodun üzerinden işi hayata geçirmeye başlıyor. Ajan skill'i ve REST API, Sleek'in Pro planına dahil. Kurulumun tamamını OpenClaw ve diğer yapay zekâ ajanlarının Sleek ile nasıl mobil uygulama tasarladığı yazısında anlattık.

Yapay zekâyla tasarlanmış uygulamalar nasıl görünebilir?

Minimal ve tek renkliden yüksek sesli ve brutalist olana kadar her şey olabilir. Bugünkü araçlar birbirinden çok farklı görsel stilleri üretebiliyor: Modern Dark, Glassmorphism, Swiss Minimalist, Neo-brutalist, Playful pastel ve daha fazlası. Aynı ekran dakikalar içinde birkaç farklı stilde üretilebiliyor; bu da stil keşfini bir haftalık revizyon turundan beş dakikalık bir karşılaştırmaya indiriyor.

Stil bir süsleme değil, ürün kararıdır. Bir finans uygulaması güveni netlik ve ölçülülükle kazanır; çocuklara yönelik bir aktivite takipçisi sıcaklığı ve canlılığı kaldırabilir; profesyonel bir araç yoğunluk ve hassasiyet ister. Hangi kişiliğin oturduğunu hissetmenin en hızlı yolu, aynı ekranı üç stilde üretip yan yana koymak.

Yaygın stillerin nerede işe yaradığına dair kabaca bir harita:

Sleek'te insanların neler ürettiğini izlemekten çıkan iki pratik not. Birincisi, tüm akış boyunca tek bir stile bağlı kalın: ana ekranda glassmorphism ile ayarlarda brutalizmi karıştıran bir proje özensiz duruyor ve tutarsızlık, yapay zekâ çıktısının yapay zekâ üretimi gibi görünmesinin en hızlı yolu. İkincisi, açık mod mu koyu mod mu sorusuna uygulamanın ne zaman ve nerede kullanıldığına bakarak karar verin. Gece yarısı açılan bir uyku takip uygulaması kullanıcısının gözünü almamalı; dışarıda kullanılan bir fitness uygulamasının güneş ışığında ayakta kalması gerekiyor.

İşte gerçek bir örnek: tek bir sosyal profil ekranı, üç stil yönü, Sleek ile üretildi:

Mattia

@mattiapomelli

·Follow

AI designed the same app in 3 styles Which one's your favorite?

4:35 PM · Dec 17, 2025

251

Reply

Copy link

Read 74 replies

Glassmorphic bir uyku takip uygulamasından Y2K temalı bir bankacılık uygulamasına kadar, onları üreten prompt'larla birlikte on eksiksiz örnek için kopyalayabileceğiniz prompt'larla 10 yapay zekâ mobil uygulama tasarımı örneğine bakın.

Yapay zekâ ile uygulama tasarımının sınırları neler?

Yapay zekâ tasarım araçlarının üç gerçek sınırı var: muğlak prompt'lar sıradan çıktı üretir, büyük ekran setlerinde görsel tutarlılık kayabilir ve statik ekranlar karmaşık animasyonları ya da çok adımlı etkileşimleri anlatamaz. Üçünün de bir çaresi var ama yokmuş gibi davranmak ekipleri hayal kırıklığına götürüyor.

Sıradan çıktı. Yönlendirilmediğinde üretken modeller uygulama tasarımındaki en yaygın kalıpları yeniden üretir: yeterli, dengeli, akılda kalmayan. Çözüm spesifik olmak: stili, havayı, paleti ve içeriği adıyla söyleyin, referans görselleri ekleyin. "Bir fitness uygulaması" size fitness uygulamalarının istatistiksel ortalamasını verir; yukarıdaki uyku takip uygulaması örneği gibi kısıtları bol bir prompt ise size kendinizinkini verir.

Tutarlılık kayması. Her üretim yeni bir karardır; 14. ekran sessiz sedasız 2. ekrana uymaz hâle gelebilir. İlişkili ekranları tek bir proje içinde gruplar hâlinde üretin ki araç ortak bağlamı korusun ve birkaç ekranda bir seti denetleyin: aynı buton biçimleri, aynı boşluklar, aynı tipografi ölçeği.

Etkileşimler. Statik bir ekran bir hareketi, bir geçişi ya da çok adımlı bir animasyonu gösteremez. Kritik durumları ayrı ekranlar olarak tasarlayın (öncesi, esnası, sonrası); testiniz gerektiriyorsa Figma dışa aktarımından sonra geçişleri bir prototipleme aracında bağlayın.

Adını koymaya değer bir dördüncü sınır daha var: araç, tasarımın kullanıcının problemini çözüp çözmediğini bilmez. Figma'nın 2025 yapay zekâ raporuna göre tasarımcı ve geliştiricilerin %78'i yapay zekânın işlerini daha verimli kıldığını söylüyor, ama yalnızca %32'si çıktısına güvenebildiğini söylüyor. Bu iki sayı arasındaki fark, gözden geçirmedir. Ekranları yapay zekâ üretiyor; onları gerçek kullanıcıların önüne koymak, yani yukarıdaki süreçteki test adımı, hâlâ sizin işiniz.

Sıkça sorulan sorular

Uygulamanızı tasarlamaya başlayın

Yapay zekâ ile mobil uygulama tasarımını değerlendirmenin en hızlı yolu, kendi fikrinizi bu süreçten geçirmek. Bir süredir aklınızda olan uygulamayı anlatın, ekranlara bakın ve çıktıyı bu rehberdeki ölçütlere göre tartın: platform kuralları, okunabilir kontrast, kitlenize uyan bir stil.

Sleek ile ücretsiz başlayın: uygulamanızı anlatın, dakikalar içinde profesyonel iOS ve Android tasarımları alın ve geliştirmeye hazır olduğunuzda bunları Figma'ya, koda ya da kendi yapay zekâ oluşturucunuza dışa aktarın. Ücretsiz plan ilk projenizi karşılıyor; yani bu testin size tek maliyeti bir akşamınız.