Figma Make vs Lovable (2026): Hangi Yapay Zeka Uygulama Oluşturucu Kazanıyor?

4.5

Siteyi Ziyaret Edin Profesyonel Plan’da %20 İndirim (Yıllık)

---

• Tasarımı kodlama gerektirmeden görsel olarak oluşturun ve prototipleyin.
• Takımlar ve paydaşlar için gerçek zamanlı işbirliği.
• Fikirleri dakikalar içinde etkileşimli mockuplara dönüştürün.

BEST OVERALL

4.8

Siteyi Ziyaret Edin Tüm Lovable Planlarında %20 Tasarruf Edin (Sadece Üyeler)

---

• Free plan includes 30 credits per month
• Collaborate in real time with multiplayer editing and AI assistance
• Fully managed hosting, domains, SEO, and updates in one platform

İkisi üzerinde de gerçek yapılar oluşturdum. Lovable, web uygulamaları geliştiren ekipler için genel kazanan. Figma Make, kavramdan prototipe daha hızlı geçmek isteyen ve zaten Figma ekosisteminin içinde olan tasarımcılar için doğru seçimdir.

Hızlı Özet

Figma Make dünyanın en popüler tasarım platformunun üzerine inşa edilmiş bir yapay zeka katmanıdır, Figma tasarımcılarını daha üretken hale getirmeyi ve kavramdan etkileşimli prototipe daha hızlı geçmeyi hedefler. Lovable bağımsız bir uzmanıdır: bir web uygulaması tanımlayın, canlı bir veritabanı, kimlik doğrulama ve ödeme işlemesi ile tamamen dağıtılmış bir full-stack ürün alın. Örtüşme var, ancak hedef kitleler farklıdır ve doğru seçim başlangıç noktanıza bağlıdır.

1. Fiyatlar ve Planlar Karşılaştırması

Lovable’ın Sınırsız Ekip Fiyatı, Figma için zaten ödeme yapmayan her ekip için Figma Make’in koltuk başına modelini geride bırakıyor

Figma Make

Figma Make’in fiyatlandırması Figma’nın fiyatlandırmasından ayrılamaz; onlar aynı aboneliktir. Bunun pratikte ne anlama geldiği şöyledir:

Maliyet tamamen ekibinizin nereden başladığına bağlıdır:

Zaten Figma’da mısınız? Make için ekstra bir ücret yoktur. AI kredileri (Professional’da 3,000/ay, Organization’da 3,500) Figma AI özellikleri arasında paylaşılır, ancak tam koltukların ücreti zaten ödenmiştir.

Figma’da değil misiniz? Dünyanın önde gelen tasarım platformunu tek bir özelliğe erişmek için satın alıyorsunuz. Bir Professional tam koltuğu $16/aydır veya beş kişi için $80/aydır. Bu size Figma Design, FigJam, Slides, Buzz, Sites, Draw ve Make’i kazandırır: çoğu uygulama oluşturucu kullanıcısının ihtiyaç duymadığı eksiksiz bir tasarım araç seti.

Bağlanmadan önce kredi sistemini anlamaya değer:

• Başlangıç (ücretsiz): günde 150 AI kredisi, ayda 500. Değerlendirmek için yeterli; sürdürülebilir biçimde oluşturmak için yeterli değil.
• Krediler paylaşılır: Sadece Make değil, tüm Figma AI özellikleri arasında. Görsel düzenleme, Design AI araçları ve Make hepsi aynı havuzdan çeker.
• Oturum ortasında uyarılar: “AI kredi bakiyenizi kontrol edin” bildirimi, aktif olarak oluşturma yapıyorsanız görünebilir; buna göre plan yapın.

Koltuk türleri önemlidir. Figma Make, tam koltuk gerektirir. Dev koltuklar ($12/ay) ve Collab koltuklar ($3/ay) tam Make erişimini içermez. Yalnızca bazı ekip üyelerinin Make ile oluşturması gerekiyorsa, koltuk türlerini karıştırabilirsiniz, ancak Make ile oluşturan her kişinin $16/ay veya üzeri bir tam koltuğa ihtiyacı vardır.Lovable
Lovable’ın modeli, koltuk başına sistemlerin herhangi birinden yapısal olarak daha basittir: tek abonelik, sınırsız kullanıcı, tek fiyat.

• Ücretsiz ($0): Günde 5 kredi, ayda 30 kredi üst sınırı. Arayüzü keşfetmek ve tek bir yapıyı test etmek için yeterli; sürdürülebilir üretim geliştirmesi için yetersiz.
• Pro ($25/month): Tek abonelikte sınırsız kullanıcı. Kredilerin bir sonraki faturalandırma döngüsüne devri, özel alan adları, yayınlanan uygulamalardan rozetin kaldırılması, isteğe bağlı kredi yüklemeleri ve çok oyunculu çalışma alanları (Lovable 2.0) içerir. Geçerli bir akademik e-postaya sahip öğrenciler %50’ye kadar indirim alır.
• İşletme ($50/month): Pro’daki her şey artı SSO (Google Workspace, Okta veya benzeri kimlik sağlayıcılarını kullanan ekipler için), rol tabanlı erişim kontrolleri, bir güvenlik merkezi panosu ve öncelikli destek. Hâlâ sınırsız kullanıcıyı kapsar.
• Kurumsal: Özel destek, gelişmiş uyumluluk dokümantasyonu, özel altyapı ve SLA garantileri için özel fiyatlandırma.

Koltuk başına sayım yok, oluşturucular ile görüntüleyiciler arasında ayrım yok ve ekibiniz büyüdükçe eşit olmayan şekilde bölünen bir kredi havuzu yok. İki kişilik bir kurucu ekip ve kırk kişilik bir ürün organizasyonu Pro’da aynı $25/month öder.

Yeni biri katılıp erişime ihtiyaç duyduğunda, satın alınacak yeni bir koltuk, alınacak faturalandırma yöneticisi onayı ve takip edilecek bir çalışan sayısı olmadan çalışma alanına katılırlar.

Yıllık faturalandırma ücretli planlarda indirim uygular. Ekip bir sonraki sıfırlamadan önce aylık tahsisi tüketirse, isteğe bağlı krediler dönem ortasında satın alınabilir.

Kazanan Özeti: Dürüst cevap bağlama bağlıdır. Zaten Figma Professional kullanan bir tasarımcı için Figma Make temelde ücretsizdir: onu mevcut bir iş akışına eklemek, sıfır ek maliyetle mümkündür. Figma’da olmayan bir ekip için Make’i seçmek, minimum $16/seat/month ödeme yapmak anlamına gelir; bu, 5 kişide $80/month’e yükselir, Lovable’ın sabit $25/month ücretine karşılık. Zaten Figma abonesi olmayan altı veya daha fazla kişilik herhangi bir ekip için Lovable belirgin şekilde daha ucuzdur ve hiçbir tasarım-platformu ek yükü taşımaz.

2. Yapay Zeka Yetenekleri & Özellik Karşılaştırması

Figma Make’in Model Seçicisi, Ekosistem İçine Gömülmesi ve Kendi Kendini Onaran Kodu Bu Kategoride Onu Farklı Kılıyor

Figma Make

Figma Make’in en ayırt edici yapay zeka özelliği, bu seride başka hiçbir platformun sunmadığı tek özelliktir: her istemden önce modeli seçersiniz.

Seçici, sohbet panelinin alt kısmında görünür. Dört seçenek:

1. Varsayılan: Figma’nın hız ve yetenek için önerdiği denge
2. Claude Sonnet 4.6: “Dengeli ve verimli” olarak tanımlanır; Anthropic modelleriyle çalışan herkese tanıdık gelir
3. Gemini 3 Flash: “Hızlı ve yinelemeli”: hızlı görsel değişiklikler ve çabuk geri bildirim istediğiniz durumlar için ideal
4. Gemini 3.1 Pro: “Derin ve yaratıcı”: karmaşık düzenler ve nüanslı üretim için

 Farklı üyelerin farklı model tercihlerine sahip olduğu ekipler için (bazıları Anthropic anlaşmalarına sahip, bazıları Google’ı tercih ediyor), bu esneklik önemlidir.

Üretim öncesi şeffaflık. NexaHost analitik panosu istemini gönderdiğimde, Figma Make tek bir satır kod yazmadan önce yaklaşımını açıkladı.

Kendini iyileştiren kod. Çıktı ondan fazla uyarı içerdiğinde, sistem “Benim için düzelt.” seçeneğini sundu. Yapay zekâ sorunu teşhis etti: grafik verisindeki yinelenen anahtarlar anahtar çakışmalarına ve animasyon sorunlarına neden oluyordu. Her veri noktasına benzersiz tanımlayıcılar atadı ve çakışan grafik animasyonlarını devre dışı bıraktı. Düzeltme cerrahî ve isabetliydi.

Figma ekosistemine gömme. Bir Figma Make bağlantısını kopyalayın, herhangi bir Figma Design dosyasına, FigJam panosuna veya Slides sunumuna yapıştırın; canlı etkileşimli prototip doğrudan o tuvalde oynar.

Bileşen kalitesi. NexaHost panosu şunları kullandı: @mui/material, @radix-ui bileşenleri, lucide-react simgeler için, @emotion stil için ve recharts veri görselleştirmesi için. Bu, basitleştirilmiş bir iskelet değil, kıdemli bir frontend mühendisinin kullanacağı şeydir.

Lovable

Lovable’ın yapay zekâsı tek bir alanda uzmanlaşır ve bunu eksiksiz yapar: önkoşul olmadan sade İngilizce istemlerden tam yığın web uygulamaları oluşturmak ve dağıtmak.

Tek bir istemle tam yığın. InvoicePro yapımında, tek bir istem aşağıdakilerin hepsini 10 dakikadan kısa sürede üretti, oluşturdu, bağladı ve canlıya aldı:

• Üç ilişkili tabloya (clients, invoices, time_entries) ve doğru yabancı anahtar ilişkilerine sahip bir Supabase veritabanı
• Email/password ve Google OAuth’u kapsayan kimlik doğrulama
• Üç fiyatlandırma katmanı, ödeme bağlantıları ve webhook işleme ile bir Stripe entegrasyonu
• Kullanıcı başına doğru veri kapsamlamasına sahip, müşteriye dönük bir portal
• lovable.app üzerinde dağıtılmış bir URL

Seçilecek model yok. Framework kararı yok. İncelenecek uyarı yok.

Ön yapı planlaması. Kod yazmadan önce, Lovable her özelliği, teknoloji seçimlerini ve eksik bağımlılıkları (Supabase bağlantı gereksinimi gibi) adlandıran yapılandırılmış bir plan döndürür. Bu, AI bir mimariye bağlanmadan önce bir inceleme anı sağlar; Figma Make’in şeffaf akıl yürütme adımına benzer, ancak tam yığına uygulanmış halidir.

80+ yerel entegrasyon. Stripe, Supabase, OpenAI, Resend, PostHog, Cloudinary, Twilio ve daha fazlası, yapıştırılacak API anahtarları ve yazılacak iskelet kod olmadan Connectors kenar çubuğu üzerinden bağlanır. Figma Make’in yerel entegrasyon listesi GitHub, Supabase ve Google Analytics’i kapsar: üç entegrasyona karşı 80+Lovable 2.0 yetenekleri:

• Geliştirici Modu: VS Code tarzı tarayıcı içi kod düzenleyici, doğrudan bileşen düzenleme
• Görsel Düzenlemeler: Metni, rengi, iç boşluğu veya aralığı CSS düzeyinde ayarlamak için herhangi bir öğeye tıklayın
• Temalar: Tek bir ayardan site genelinde değişiklik uygulayan küresel tasarım token paneli (renk, yazı tipi, kenar yarıçapı)
• Çok kullanıcılı çalışma alanları: Birden fazla ekip üyesi eşzamanlı olarak çalışabilir
• Yapay Zeka Bağlayıcıları: Yapay zeka hizmetlerine, vektör veritabanlarına ve iş akışı API’lerine önceden oluşturulmuş yollar

Kazanan Özeti: Figma Make, model düzeyinde kontrol isteyen tasarımcılar ve geliştirici ekipler için yapay zeka yeteneklerinde kazanıyor. Her istem için Claude Sonnet 4.6, Gemini Flash veya Gemini Pro’yu seçebilme (ve bir yineleme yetersiz kaldığında daha güçlü modellere yükseltebilme) bu karşılaştırma serisindeki başka hiçbir platformun sunmadığı gerçek bir yetenektir.

3. Uygulama Oluşturma Hızı & Kalite Karşılaştırması

Figma Make ön uçlar için daha hızlıdır; Lovable daha eksiksiz ürünü sunar

Figma Make: NexaHost SaaS Analitik Gösterge Paneli

Tek bir istem gönderdim: hayali bir hosting şirketi olan NexaHost için koyu bir kenar çubuğu, KPI kartları, trafik grafikleri ve son etkinlik akışı içeren eksiksiz bir SaaS analitik gösterge paneli.Hız: Gönder’e basıldıktan sonra 2 dakikadan kısa sürede tamamen oluşturulmuş ve etkileşimli. Bu, yapay zekânın akıl yürütme aşamasını, tam kod oluşturmayı ve kanvas oluşturmayı içerir. Çıktının karmaşıklığı için, bu karşılaştırma serisindeki en hızlı üretim süresidir.

Kalite: Panoda neler vardı:

• NexaHost markası, “Analytics Dashboard” alt başlığı ve beş gezinme bağlantısı (Genel Bakış, Sunucular, Trafik, Faturalandırma, Ayarlar) bulunan koyu renkli bir kenar çubuğu; Genel Bakış hemen maviyle vurgulanmıştı
• Çalışan bir arama alanı ve bildirim zili ile avatarı bulunan “Sarah Chen / Admin” kullanıcı profiline sahip bir üst çubuk
• Dört KPI kartı: Uptime (99.98%), Active Servers (47), Monthly Bandwidth (2.4 TB), Open Tickets (8), her birinde geçen aya göre bir trend göstergesi
• Gerçek tarih etiketleri May 11 through June 5 olan, 20k aralıklarla y-ekseni etiketlerine sahip ve verileri 40k-80k bant genişliği aralığında olan işlevsel bir Recharts alan görselleştirmesi olarak oluşturulmuş bir 30-Day Traffic Trends grafiği
• Plan bazında MRR çubuk grafiği ve sunucu durum dağılımı görselleştirmesi
• Bağlama uygun gerçekçi barındırma olayları içeren bir Recent Activity akışı: web-prod-03 için bir sunucu dağıtım başarısı, db-master-01 üzerinde 87%’de yüksek CPU uyarısı, api.nexahost.com için bir SSL sertifikası süresi dolma uyarısı, bir ödeme alındı bildirimi ve planlanmış bir bakım penceresi, hepsi alana uygun, hiçbiri genel değil

Aktivite akışı ayrıntısı üzerinde biraz durmaya değer. Figma Make yalnızca yer tutucu metni doldurmadı. Bağlamın bir barındırma panosu olduğunu anladı ve bir barındırma operasyonları ekibinin gerçekten göreceği gerçekçi operasyonel olaylar üretti.

İçerik oluşturmada bu bağlamsal zekâ gerçekten etkileyici ve yapay zekâ tarafından üretilen sahte verilerin nasıl görünmesi gerektiğine dair bir ölçüt belirliyor.

Uyarı sorunu. Üretimden sonra 10’dan fazla uyarı göründü. “Benim için düzelt” sayıyı 3’e düşürdü, ardından sonraki düzenlemeler bunu yeniden 9’a, sonra tekrar 10’un üzerine çıkardı. Gösterge paneli tüm bu süreç boyunca doğru şekilde render edilmeye ve çalışmaya devam etti. Ancak üretilen kodu canlı ortama almayı planlayan ekipler için, her yinelemede kendi kendine yeni uyarılar üreten bir kod tabanının, commit etmeden önce daha fazla test edilmesi gerekir.Lovable: InvoicePro Yapımı

Tek bir istem gönderdim; çok kiracılı panolar, zaman takibi, PDF çıktılı faturalandırma, Stripe ödemeleri ve Supabase tarafından desteklenen bir müşteri portalını kapsayan bir Client Portal ve Faturalandırma Uygulaması içindi.

Hız: Lovable, herhangi bir kod yazmadan önce bir yapı planı döndürdü, Supabase bağlantı gereksinimini işaretledi ve bağlantıdan sonra başladı. Ana kilometre taşları:

• 4. Dakika: Ana sayfa kahraman metni ve altı özellik kartıyla yayında
• Fiyatlandırma bölümü: Başlangıç ($9/ay), Profesyonel ($29/ay, “En Popüler”), Kurumsal ($79/ay)
• 10 dakikanın altında: Supabase kimlik doğrulaması, veritabanı tabloları ve Stripe checkout tamamen bağlanmış şekilde lovable.app üzerinde dağıtıldı

Kalite: InvoicePro’nun içerdikleri:

• Üç ilişkili tabloya sahip Supabase veritabanı (clients, invoices, time_entries), doğru foreign key ilişkileriyle, manuel yazılmış SQL yok
• Kimlik doğrulama: email/password ve Google OAuth, yapılandırılmış ve bağlanmış
• Stripe entegrasyonu: üç fiyatlandırma kademesi, checkout bağlantıları, billing portal yönlendirmesi, abonelik senkronizasyonu, ödeme olayları için webhook işleme
• Kullanıcı başına doğru veri kapsamlamasına sahip bir müşteri portalı
• Tiplenmiş veri dizileri, adlandırılmış bileşen dosyaları ve mantıklı bir klasör yapısıyla temiz React/TypeScript/Tailwind
• 10 dakikalık süre içinde paylaşılabilir bir URL üzerinde canlı olarak dağıtıldı

Eksik bir Supabase ortam değişkeni boş bir önizlemeye neden olduğunda, düz metin bir hata açıklaması ve bir “Try to fix” düğmesi göründü. Tek bir tıklama bunu çözdü.

Kazanan Özeti:

Hız: Figma Make kazanıyor: Lovable’ın 10 dakikasına karşı 2 dakikanın altında. Ön uç tasarımlarında hızlı yinelemeye ihtiyaç duyan ekipler için bu fark gerçektir.

Çıktının kalitesi: Figma Make’in NexaHost panosu, bu karşılaştırma serisindeki görsel olarak en etkileyici ön uçtur. Bağlama uygun etkinlik akışı, profesyonel bileşen yığını ve işlevsel grafik uygulaması olağanüstü yapay zekâ tarafından üretilmiş ön uç çalışmasını temsil ediyor.

Eksiksizlik: Lovable kazanıyor. InvoicePro, kimlik doğrulaması, gerçek bir veritabanı ve ödeme işlemesi olan tamamen dağıtılmış bir üründü. NexaHost, gerçek bir uygulama olmak için ek Supabase kurulumu gerektiren çarpıcı bir ön uçtu. Bugün çalışan bir ürüne ihtiyaç duyan bir okuyucu için, Lovable’ın 10 dakikalık tamamen bağlı çıktısı, 2 dakikalık güzel bir prototipten daha değerlidir.

4. Kullanım Kolaylığı Karşılaştırması: Hangi Platform Kullanımı Daha Kolay?

Lovable, Önkoşul Bir Platform ve Tasarım Geçmişi Gerektirmez; Figma Make, Önceki Figma Deneyimini Ödüllendirir

Kayıt ve Hesap Oluşturma

Figma Make’in başlangıcı, nereden başladığınıza bağlı olarak iki çok farklı deneyime sahiptir:

• Mevcut Figma kullanıcıları: figma.com’a gidin, bir hesap oluşturmadan önce bir istem yazın, Google veya e-posta ile oturum açın ve saniyeler içinde Make’in içinde olun. İstem otomatik olarak taşınır.

• Yeni Figma kullanıcıları: İlk olarak, birden fazla ürünü (Design, FigJam, Slides, Buzz, Sites, Draw, Make) içeren tam bir tasarım platformuyla karşılaşırsınız. Make’e gitmek ve bunun diğer araçlara kıyasla ne yaptığını anlamak, gerçek bir oryantasyon süresi ekler.

Lovable’ın kayıt akışı kısa bir rol anketi üzerinden ilerler. Dashboard, önce anlaşılması gereken başka bir platform olmadan hemen yüklenir.

Kayıt işlemi, Google ve Apple’ın yanında bir kimlik doğrulama seçeneği olarak GitHub’ı da içerir. Lovable ayrıca son kullandığınız yöntemi hatırlar; bu da tekrar gelen kullanıcılar için küçük ama düşünceli bir dokunuştur.

Kullanıcı Arayüzü ve Dashboard

Figma Make’in çalışma alanı iki ana bölgeye ayrılır. Sol panel konuşmayı yönetir: altta istemler, üstte AI yanıtları ve gerekçelendirme, kaydırılabilir etiketli kartlar halinde sürüm geçmişi. Sağ bölge, çıktının render edildiği canlı tuvaldir.

Tuval araç çubuğu anlamaya değer üç görünüm sunar:

• Önizleme modu (göz simgesi): Canlı etkileşimli prototip
• Kod modu (açılı ayraç simgesi): Solda tam dosya gezgini, sağda kod düzenleyici
• Birleşik düzen: İkisi bir arada

Aralarında geçiş anlıktır ve üretimi kesintiye uğratmaz. Kod görünümünde tam proje yapısı görünür: App.tsx, tüm bileşen dosyaları, package.json ve yapılandırma dosyaları, ve her dosya doğrudan düzenlenebilir.

Sohbet panelinin altında: yeni istemler için bir ekle düğmesi, bir model seçici açılır menü, AI ayarları için bir kıvılcım simgesi ve bir Build/Default modu anahtarı. İş akışı kararlarınızın çoğu bu denetimlerde verilir.

Lovable’ın dashboard’ı, kişiselleştirilmiş bir selamlama ile sıcak mavi-pembe gradyana açılır. İstem kutusunda “Lovable’dan bir web uygulaması oluşturmasını iste…” yazıyor; yanında bir Build mode anahtarı ve bir Connectors bandı var.

Sol kenar çubuğunda Home, Search, Resources ve Connectors görünür; ardından proje görünümleri ve bir Recents bölümü gelir. Teknik olmayan bir kullanıcı için bu dashboard çok daha kolay anlaşılır.

Point ve Edit Sistemi

Figma Make’in Point ve Edit satır içi düzenleme özelliği, onun en güçlü kullanılabilirlik özelliğidir. NexaHost dashboard’ı render edildikten sonra, “30-Day Traffic Trends” başlığına tıkladım. Aynı anda iki şey oldu:

1. h3 etiket tanımlayıcısı sohbet girişinde belirdi ve sonraki istemimi tam olarak o öğeyle sınırladı
2. Tuvalde öğenin hemen üzerinde zengin bir biçimlendirme araç çubuğu belirdi: yazı tipi ailesi, boyut, kalın, italik, hizalama ve diğer kontroller

Değişikliği sohbette sade İngilizceyle açıklayabilir ya da hiç istem yazmadan öğeyi doğrudan araç çubuğu üzerinden değiştirebilirdim. Bu hibrit yaklaşım, her değişikliği AI üzerinden yönlendiren araçlardan daha pratiktir, özellikle küçük düzeltmeler için: bir yazım hatasını düzeltmek ya da bir fiyatı değiştirmek için AI’nın bir istemi yorumlamasını beklemek gerekmez.

İlk nesil bir eğitim katmanı, Point ve Edit’i dört adımda anlatır ve tam doğru anda görünür: ilk çıktınız render edildikten sonra, bilgiye gerçekten ihtiyaç duyduğunuz anda.Lovable’ın Visual Edits özelliği benzer şekilde çalışır: önizlemedeki herhangi bir öğeye tıklayarak metni, rengi, iç boşluğu veya aralığı ayarlayabilirsiniz, ancak eşzamanlı biçimlendirme araç çubuğu olmadan.

Lovable’ın görsel editöründeki değişiklikler doğrudan bir CSS düzenlemesi üzerinden yapılırken, Figma Make’in araç çubuğu herhangi bir metin girişi olmadan anında biçimlendirme seçeneği ekler.

Genel Kullanım Kolaylığı Değerlendirmesi

Dürüst ayrım:

• Zaten Figma’da mısınız? Make daha kolay yoldur. Geçiş maliyeti yok, yeni bir gösterge paneli yok, çıktı tasarım dosyalarının yanında Recents’ta görünür ve Figma’nın çok kullanıcılı özelliği Make projelerine otomatik olarak genişler.
• Figma’da değil misiniz? Lovable daha kolaydır. Koltuk türü kararları yok, kredi bakiyesi takibi yok, platform onboarding yükü yok. Sadece bir uygulamayı tarif edin ve o devreye alınır.

Kazanan Özeti: Lovable, mevcut bir Figma iş akışı olmayan ekipler için kullanım kolaylığında kazanır. Figma’yı yerel olarak kullanan ekipler için kullanım kolaylığı denklemi tersine döner: Make, zaten bildikleri bir ortam içinde erişilebilirdir ve Lovable, onboarding gerektiren ek bir platform anlamına gelir. Belirleyici değişken, ekibinizin bugün nerede olduğudur.

5. Gizlilik ve Güvenlik Karşılaştırması: Hangi Platform Daha Güvenli?

Figma, Bu Karşılaştırma Serisindeki En Kapsamlı Uyumluluk Portföyüne Sahip; Ancak Yayınlamada Kritik Bir Gizlilik Riski Bulunuyor

Figma Make

Figma’nın uyumluluk portföyü, bu karşılaştırma serisindeki herhangi bir platformunkinden en kapsamlısıdır:

• SOC 2 Type II: Güvenlik kontrollerinin devam eden etkinliğini doğrulayan yıllık bağımsız denetim
• SOC 3: SOC 2 bulgularının herkese açık raporu
• ISO 27001:2022: Bilgi güvenliği yönetimi için uluslararası standart
• ISO 27017: Buluta özgü güvenlik kontrolleri
• ISO 27018: Bulutta kişisel olarak tanımlanabilir bilgilerin korunması
• ISO 27701: Gizlilik bilgi yönetim sistemi sertifikasyonu
• FedRAMP Moderate: ABD hükümet düzeyinde bulut uyumluluğu, federal kurumların benimsemesi için gerekli sertifika seviyesi
• GDPR: AB Bulut Davranış Kuralları’na uyum; Veri İşleme Ek Sözleşmesi mevcuttur
• CCPA: California Consumer Privacy Act uyumluluğu
• TISAX: Avrupa otomotiv endüstrisi bilgi güvenliği standardı
• C5: Düzenlemeye tabi ve kamu sektörü müşterileri için Alman Federal Bilgi Güvenliği Dairesi sertifikasyonu

Düzenlemeye tabi sektörlerdeki kurumsal ekipler (finansal hizmetler, sağlık, kamu, otomotiv) için bu sertifika kapsamı, Figma’nın uyumluluk çalışmalarını tamamladığı anlamına gelir. compliance.figma.com adresindeki Trust Center tüm sertifikaları herkese açık olarak belgeliyor.

Yayınlamadan önce her okuyucunun bilmesi gereken kritik bir gizlilik riski. Figma Make Publish paneli, “Show chat history” adlı bir onay kutusu içerir ve bu varsayılan olarak işaretlidir. Eğer işaretini kaldırmadan Figma Community’ye yayınlarsanız, Community listenizi görüntüleyen herkes tam prompt konuşmanızı görebilir: her yineleme, reddedilen her yönlendirme, belirttiğiniz her ayrıntı.

Kişisel öğrenme projeleri için bu zararsızdır. Müşteri çalışmaları, tescilli ürün spesifikasyonları veya ticari açıdan hassas herhangi bir geliştirme için bu ciddi bir veri ifşa riskidir. Yayınlama akışında bununla ilgili belirgin bir uyarı yoktur ve bunu kaçırmak kolaydır.

Lovable

Lovable, bağımsız olarak denetlenmiş üç sertifikaya sahiptir. Her birini pratik terimlerle anlamak önemlidir:

• SOC 2 Type 1 and Type 2: Type 1, güvenlik kontrollerinin uygun şekilde tasarlandığını doğrular. Type 2, bu kontrollerin sürdürülen bir denetim dönemi boyunca etkin şekilde çalıştığını doğrular. Her ikisine de sahip olmak, değerlendirmenin yalnızca tasarım niyetini değil, gerçek operasyonel performansı da kapsadığı anlamına gelir.
• ISO 27001:2022: Bulut ortamlarını ve tedarikçi ilişkilerini kapsayan, bilgi güvenliği yönetim sistemleri için uluslararası standart. 2022 sürümü, özellikle bulut hizmetlerine yönelik güncellenmiş gereksinimleri yansıtır.
• Tam GDPR uyumluluğu: Dağıtım yapılandırmasına bağlı olmaksızın, platform varsayılanı olarak onaylanmıştır. AB merkezli ekipler, kendi kendine barındırmayı değerlendirmeye gerek kalmadan kapsanır.

Kod sahipliği her yerde açıktır: GitHub senkronizasyonu, özel format çıkarımı olmadan her an temiz bir çıkış sağlar.

Kazanan Özeti: Figma daha kapsamlı uyumluluk belgelerine sahiptir: ISO 27017, ISO 27018, ISO 27701, FedRAMP Moderate, CCPA, TISAX ve C5, Lovable’ın kamuya açık olarak doğruladığının ötesine geçer. Düzenlemeye tabi sektörlerde kurumsal satın alma için Figma’nın Trust Center’ı daha güçlü bir kaynaktır. Bedeli şu: toplulukta yayınlama gizlilik riski (sohbet geçmişinin varsayılan olarak açık olması) Lovable’da bulunmayan gerçek bir operasyonel endişedir. Herhangi bir kişisel olmayan Figma Make projesini yayınlamadan önce “Sohbet geçmişini göster” ayarının kapalı olduğunu doğrulayın.

6. Platform Entegrasyonları ve Dağıtım Seçenekleri Karşılaştırması

Lovable’ın Native Stripe Dahil 80+ Entegrasyonu Açık Ara Kazanıyor; Figma Make Ödeme İşlemi Sunmuyor

Figma Make

Figma Make’in entegrasyon stratejisi tasarım gereği minimaldir. Üç temel bağlantı, artı kaçış yolları:

Supabase. Gerçek bir arka uç eklemek ikinci bir prompttur, otomatik değildir. Neye ihtiyacınız olduğunu (“Supabase Auth ekle” veya “siparişleri takip etmek için bir veritabanı oluştur”) açıklarsınız ve AI bunu entegre eder.

GitHub. Bir repository bağlayın ve oluşturulan kodu ayarlar paneli üzerinden gönderin. Bu, doğru sürüm kontrolünü, CI pipeline entegrasyonunu ve bir geliştirme ekibine devri mümkün kılar. GitHub’a giden kod, oluşturulan üretim odaklı stack ile aynıdır: Radix UI bileşenleri, Recharts, Tailwind v4, tiplenmiş bileşen dosyaları.

Google Analytics. Genel ayarlardaki tek bir alan, bir G-XXXXXXXX izleme kimliğini kabul eder. Enjekte edilecek bir script etiketi yok, kurulacak bir plugin yok. Yayınlanan uygulamanız yalnızca ayarlar aracılığıyla GA4 analitiği kazanır.

Özel kod enjeksiyonu. Genel ayarlardaki dört alan, standart HTML enjeksiyon noktalarını kapsar: başlangıcı, sonu, başlangıcı, sonu. Burada geçerli herhangi bir script veya HTML etiketi çalışır: Hotjar, Mixpanel, özel fontlar, tag manager scriptleri, etiket aracılığıyla yüklenen herhangi bir harici hizmet. Yerel listenin dışındaki entegrasyonlar için bu, kaçış yoludur.

“Kodunuzu yapılandırın” iletişim kutusu. Paket yöneticisi ayarları, özel npm paketlerini ve ek genel kütüphaneleri listelemeye izin verir. Belirli dahili bağımlılıklara ihtiyaç duyan geliştiriciler bunları buraya ekleyebilir; bu, bu serideki tüketici odaklı hiçbir AI oluşturucusunun sunmadığı bir özelliktir.

Figma Make’in sahip olmadığı şeyler. Stripe entegrasyonu yok. Herhangi bir tür ödeme işleme yok. Para toplayan bir Figma Make projesi oluşturmak, Stripe’ı özel kod enjeksiyonu alanı üzerinden ayrı olarak kurmayı veya GitHub dışa aktarmasından sonra elle eklemeyi gerektirir. Bir ödeme akışına ihtiyaç duyan tüketici ürünleri geliştiren ekipler için bu boşluk önemlidir.

Henüz Vercel veya Netlify entegrasyonu yok. Figma Make’in dağıtım hikâyesi şu anda figma.site veya GitHub’dır. İş akışınız Vercel, Netlify, Render veya Cloudflare Pages’e dağıtımı içeriyorsa, bu platformlar için tek tıklamalı bir entegrasyon yoktur. Önce GitHub’a göndermeniz ve ardından o repository’yi ayrı bir adım olarak tercih ettiğiniz hosting sağlayıcısına bağlamanız gerekir.

Lovable

Lovable’ın entegrasyon stratejisi önce kapsama odaklıdır: kod yazmadan en yaygın üretim gereksinimlerini karşılayan 80+ doğrulanmış entegrasyon.

Stripe (yerel, otomatik). InvoicePro üzerinde tek bir komuttan: doğru ödeme bağlantıları, faturalandırma portalı yönlendirmesi ve abonelik durumu için Supabase senkronizasyonu ile üç fiyatlandırma kademesi oluşturuldu. Ödeme olayları için webhook işleyicileri (abonelik oluşturuldu, ödeme başarısız, abonelik iptal edildi) herhangi bir istem olmadan dahil edildi. Tüm Stripe entegrasyonu 10 dakikalık işaretine gelmeden bağlandı ve canlıydı. Figma Make’in buna eşdeğer bir yeteneği yoktur.

Supabase (yerel, otomatik). Lovable, veritabanı şemasını ikinci bir adım olarak değil, ilk derlemeden itibaren oluşturur. Tablolar doğru sütun türleri ve yabancı anahtar ilişkileriyle oluşturulur. Kimlik doğrulama akışları (e-posta/şifre, Google OAuth, magic links) otomatik olarak bağlanır. RLS politika iskeleti dahildir (ancak doğru yapılandırma, 5. Bölümde belirtildiği gibi manuel doğrulama gerektirir).

80+ kataloğu. E-posta (Resend, SendGrid, Mailgun), analitik (PostHog, Mixpanel, Google Analytics), dosya depolama (Cloudinary, Supabase üzerinden AWS S3), iletişim (Twilio, WhatsApp Business API), AI hizmetleri (OpenAI, Anthropic, Cohere) ve daha fazlasını kapsar. Her biri, yapılandırma adımları ve API anahtarı yönetimi gerektirmeden Connectors kenar çubuğu üzerinden bağlanır.

AI Connectors (Lovable 2.0). Vektör veritabanlarına, AI iş akışı orkestrasyon hizmetlerine ve embedding API’lerine önceden oluşturulmuş yollar, AI destekli özellikler geliştiren ekipler için kataloğu standart REST entegrasyonlarının ötesine genişletir.

Dağıtım. Otomatik DNS ve SSL sağlama ile lovable.app’e tek tıkla yayınlama. Mevcut barındırma altyapısına sahip ekipler için GitHub senkronizasyonu ile Vercel veya Netlify’ye gönderim mevcuttur. Özel alan adları Pro ve üzeri planlarda manuel sertifika yönetimi olmadan bağlanır.

80+ kataloğu dışındaki hizmetler için Supabase Edge Functions, kod yazmayı gerektiren özel entegrasyon gereksinimleri için pratik bir kaçış yolu olan özel JavaScript tabanlı sunucu mantığına izin verir.

Kazanan Özeti: Lovable entegrasyonlarda açık ara kazanıyor. Figma Make’te yerel ödeme işlemenin hiç olmaması en önemli eksikliktir. Gelir toplayan herhangi bir web uygulaması için (bir SaaS ürünü, bir pazar yeri, bir abonelik hizmeti), Lovable’ın yerel Stripe entegrasyonu ilk derlemede uçtan uca ödeme mantığını sunarken, Figma Make bunun ayrı olarak oluşturulmasını gerektirir.

Figma Make vs Lovable: Son Söz

Lovable, kurucular, ürün ekipleri ve zaten Figma’nın içinde yaşamayan web uygulaması geliştiren herkes için kazanır. Figma Make, zaten bildikleri bir ekosistem içinde daha hızlı prototip oluşturmak isteyen tasarımcılar için kazanır.