Figma Make Nedir?
Figma Make, Figma’nın platformuna doğrudan yerleştirilmiş bir yapay zekâ uygulama oluşturucusudur; bir metin istemi alır ve çalışır durumdaki, kod destekli bir front-end uygulaması üretir, üstelik Figma çalışma alanından ayrılmanıza veya ayrı bir araç kurmanıza gerek kalmadan.
React uygulamaları tam kaynak kod erişimi, otomatik sürüm geçmişi ve canlı önizleme URL’si ile oluşturur; ayrıca, neyin çalıştığına dair hiçbir görünürlük sunmadan sizi tek bir modele kilitleyen diğer yapay zekâ oluşturuculardan ayrılarak, işi yapan temel modeli seçmenize izin verir: Claude Sonnet 4.6, Gemini 3 Flash, Gemini 3.1 Pro veya GPT-5.5.
Çıktı bir maket ya da tasarım dosyası değil, inceleyebileceğiniz, değiştirebileceğiniz ve GitHub’a gönderebileceğiniz gerçek, düzenlenebilir koddur.
Figma Make Kimler İçin?
- Zaten Figma kullanan ürün tasarımcıları. Make, halihazırda içinde bulunduğunuz aracın içine yerleşir; bu yüzden öğrenecek yeni bir platform ya da mevcut ödemenizin üstüne eklenecek yeni bir abonelik yoktur.
- Hızlıca demo hazırlaması gereken teknik olmayan kurucular. Rol tabanlı erişim ve gerçekçi veriler içeren karmaşık, çok ekranlı bir uygulama 10 dakikadan kısa sürede ortaya çıkar; bu da onu ilk yatırımcı toplantısına götürebilecek kadar hızlı kılar.
- Göstermesi gereken ürün yöneticileri. Figma Make, bir PDF ekranlar dizisi yerine gerçekten bir paydaşa verebileceğiniz ve üzerinden geçebileceğiniz bir şey üretir.
- Çalışır bir iskelet isteyen geliştiriciler. Oluşturulan kod temiz TypeScript’li React’tir ve tam kaynak kodu ücretsiz planda erişilebilir olduğundan, tek kullanımlık bir prototipten ziyade gerçek bir başlangıç noktasıdır.
Figma Make Artıları ve Eksileri
- Tek bir istemden karmaşık çok ekranlı uygulamalar oluşturur
- Ücretsiz plan tam kaynak kodu erişimi içerir
- Yapay zekâ modelinizi seçebilirsiniz: Claude, Gemini veya GPT
- Otomatik sürüm geçmişi her oluşturma yinelemesini kaydeder
- Rol tabanlı kimlik doğrulama ekstra istem gerekmeden üretilir
- GitHub ve Supabase entegrasyonları yerleşik olarak dahildir
- Görsel düzenleyici ve kod düzenleyici tek bir çalışma alanında mevcuttur
- İlk oluşturmalarda kod uyarıları gelir
- Aylık ücretsiz kredi sınırı çabuk biter
- Özel alan adı için ücretli bir Figma planı gerekir
Puan Dağılımı
Aşağıdaki puanlar, Figma Make’in şu anda herkese açık beta sürümünde sunduğu deneyimi yansıtır. Bu aşamadaki bir ürün için çıktı kalitesi beklediğimden çok daha yüksek ve hâlihazırda ücretli bir Figma planında olan ekipler için değer hesabına itiraz etmek zor; çünkü ekstra ödenecek hiçbir şey yoktur.
| Özellik | Puan (10 Üzerinden) | Puanın Nedeni |
|---|---|---|
| Kullanım Kolaylığı | 9.5 | Sıfır kurulum, istem öncelikli giriş, çift düzenleme yolu ve 8 dakikalık oluşturma döngüsü, onu başlamak için en az zahmet gerektiren yapay zekâ oluşturuculardan biri yapıyor. |
| Özellikler ve İşlevsellik | 9.8 | Rol tabanlı kimlik doğrulama, Stripe ödeme kullanıcı arayüzü, çoklu grafik raporlaması, yönetici konsolu, model seçimi ve tam bir REST API referansı tek bir istemden üretiliyor. |
| Tasarım ve Özelleştirme | 9.4 | Varsayılan görsel çıktı temiz ve profesyoneldir; ücretsiz planda bile hem tıklayarak seçim yapılan bir görsel düzenleyici hem de tam kaynak kodu erişimi vardır. |
| Paranın Karşılığı | 9.4 | Ücretsiz katmanda tam kod erişimi gerçekten sıra dışıdır ve ücretli plan kullanıcıları Make’i ayrı bir kalem yerine mevcut bir Figma aboneliğine dahil olarak alır. |
| Performans ve Güvenilirlik | 9.9 | Stripe kullanıcı arayüzü ve bir yönetici konsolu ile çok ekranlı, rol farkındalığı olan bir uygulamaya sekiz dakikada ulaşmak, test ettiğim en hızlı oluşturma-kullanılabilir çıktı oranıdır. |
| Genel | 9.6 | Çıktı kalitesi ve özellik derinliği açısından, birçok köklü yapay zekâ uygulama oluşturucusunu geride bırakan öne çıkan bir beta ürünü. |
Figma Make Özellikleri
- 10 dakikadan kısa sürede istemden uygulamaya oluşturma
- Claude, Gemini ve GPT dahil çoklu model seçimi
- Rol tabanlı kullanıcı kimlik doğrulaması otomatik olarak oluşturulur
- Satır içi stil kontrolleriyle tıklanarak seçim yapılan görsel düzenleyici
- Ücretsiz planda tam düzenlenebilir React kaynak kodu
- Ek yapılandırma gerektirmeden GitHub ve Supabase entegrasyonları
- Bir figma.site alt alan adına tek tıkla yayınlama
Figma Make Hakkındaki Samimi İncelemem: Test Ettikten Sonra Neler Bulduğum
Başlangıç Ekranı Hemen Önünüzden Çekiliyor
Açılış ekranı, kısa bir tanıtım metniyle birlikte tek bir istem kutusundan oluşuyor: “Fikirlerinizi AI ile gerçeğe dönüştürün. Bir tasarımla başlayın ve istemlerinizle hızla işlevsel bir prototip oluşturun.” Girdi alanının altında üç önerilen başlangıç noktası görünüyor:
- Onboarding akışı
- Veri panosu
- Gradient galerisi
Bu üçünü de görmezden gelip istediğiniz her şeyi yazabilirsiniz.
Şu istemi eksiksiz olarak gönderdim:
“Ev sahipleri ve kiracılar için bir emlak yönetim platformu oluşturun. Kullanıcı kimlik doğrulaması, gayrimenkul listeleri, kira sözleşmesi yönetimi, kira ödemeleri, bakım talepleri, belge yüklemeleri, mesajlaşma, bildirimler, yönetici panosu, raporlama, Stripe entegrasyonu, PostgreSQL veritabanı, REST API, duyarlı tasarım ve dağıtım talimatları ekleyin. Uygulama üretime hazır ve ölçeklenebilir olmalıdır.”
Araç bunu sürtünmesiz kabul etti ve doğrudan oluşturmaya geçti. Proje türü seçici yoktu, şablon galerisi yoktu, hiçbir mimari ön yapılandırma da yoktu.
Hüküm: Giriş noktası, test ettiğim herhangi bir yapay zekâ oluşturucu kadar sıfıra yakın sürtünmeye sahip. Bunun bedeli şu: oluşturma öncesi yönlendirme yapısı olmadığında, belirsiz bir istem belirsiz bir çıktı üretir. Alacağınız şeyin sınırı tamamen ne yazdığınıza bağlıdır.
Kaydolma Hızlıdır ve Çıktının Önüne Bir Ücret Duvarı Koymaz
Oturum açmadan önce ok düğmesine tıklamak bir “Welcome to Figma” modali açar. İki seçenek var:
- Google ile devam et (tek tık, 10 saniyenin altında)
- E-posta ile devam et (e-posta girin, doğrulayın, toplamda 30 saniyenin altında)
Her iki yol da sizi oluşturmanız zaten sıraya alınmış şekilde Figma Make çalışma alanına götürüyor. Bu aşamada plan seçimi ekranı, kredi kartı istemi ya da yükseltme duvarı yok. Ücretsiz Starter planı otomatik olarak etkinleşiyor.
Zaten bir Figma hesabınız varsa modal görünmez ve doğrudan oluşturucuya ulaşırsınız.
Oluşturma 8 Dakika Sürüyor ve Tam Olarak Ne Yaptığını Size Söylüyor
Çalışma alanı solda bir sohbet sütunu ve sağda canlı bir önizlemeye bölünmüştür. Önizleme, araç ilerledikçe “Fikriniz oluşturuluyor…” ve ardından “Ayrıntılar üzerinde çalışılıyor…” metinlerini gösteren bir yer tutucu sunar.
Bunu sıradan bir yükleme ekranından ayıran şey, sohbet sütunundaki akıl yürütme panelidir; araç ne düşündüğünü gerçek zamanlı olarak kaydeder.
Oluşturma sırasında akıl yürütme panelinde şunlar göründü:
- Araç, tek bir kod satırı yazmadan önce bir tema aracı çağırdı
- İstemi işlerken “3 dosya ile çalışıldı” kaydını tuttu
- Akıl yürütme kaydı, tam yaklaşımını anlattı: geriye kalan özellikleri (emlak filtreleme, kira yönetimi, ödeme geçmişi, bakım talepleri, mesajlaşma, bildirimler ve yönetici panoları) haritaladığını, React bileşenini önce tür tanımlarıyla yapılandıracağını, ardından gerçekçi ayrıntılar içeren sahte veriler oluşturacağını, sonra da rol tabanlı görünümler için gezinme ve durum yönetimini ele alacağını belirtti
- Akıl yürütmenin altında bir durum mesajı belirdi: “Bileşen yapısı yazılıyor…”
Bu sıralama önemlidir. Araç, herhangi bir arayüz yazmadan önce tür tanımlarını planladı, sonra gerçekçi sahte veriler ekledi, ardından gezinmeyi bunun etrafında kurdu. Bu, rastgele bir üretim değil, yapılandırılmış bir yaklaşımdır.
Oluşturma zaman çizelgesi: 3:58 PM ile 4:06 PM. Sekiz dakika.
Sohbet panelinin altındaki model seçici, başlamadan önce veya oluşturular arasında geçiş yaparak işi yapan yapay zekâyı seçmenizi sağlar:
| Model | Açıklama |
|---|---|
| Default | Figma tarafından önerilir (belirli model açıklanmıyor) |
| Claude Sonnet 4.6 | Dengeli, verimli |
| Gemini 3 Flash | Hızlı, yinelemeli |
| Gemini 3.1 Pro | Derin, yaratıcı |
| GPT-5.5 | Yetenekli, hızlı |
Daha hızlı, yinelemeli bir modelden daha derin bir modele, araçtan ayrılmadan veya sıfırdan yeniden oluşturmadan geçebilmek anlamlı bir iş akışı avantajıdır.
Model seçicinin yanında bir Build/Plan modu anahtarı vardır:
| Mod | Ne Yapar |
|---|---|
| Build | İlerledikçe oluşturur ve yineleme yapar |
| Plan | Karmaşık işlerde hizalanır ve kod yazmadan önce mimariyi haritalar |
Benimki kadar ayrıntılı bir istem için Plan modu muhtemelen daha az uyarı içeren, daha temiz bir ilk oluşturma üretirdi. Ben Build modunu kullandım ve uyarıları ikinci geçişte düzelttim.
Tamamlanan Çıktı Kendisine PropVault Adını Verdi ve Bu Özgüveni Hak Etti
Araç, kendisine sorulmadan PropVault adını verdiği tamamlanmış uygulama, tutarlı bir görsel kimliğe, koyu lacivert bir kenar çubuğuna, temiz tipografiye ve giriş ekranında bağlamsal sosyal kanıtlara sahip çok ekranlı bir emlak yönetim platformudur. Giriş ekranında şunlar yer alır:
- PropVault logosu, sloganı (“Property management, simplified.”) ve üç sahte istatistik içeren koyu bir sol panel: yönetilen 86 mülk, 1,240 aktif kiracı, aylık toplanan $2.1M
- Sign In / Create Account sekmeleri, önceden doldurulmuş e-posta (marcus@propvault.io) ve parola ile üç rol seçici düğmesi: Landlord, Tenant, Admin
- Alt not: “Demo: click a role above, then sign in”
Soldaki gezinmedeki her ekran, çalışan ve doldurulmuş bir ekran açıyor. Tam uygulama boyunca oluşturulanlar şunlardır:
| Ekran | Ne Oluşturuldu |
|---|---|
| Dashboard | Dört KPI kartı (aylık gelir, doluluk oranı, açık talepler, toplam mülk), “Live” rozeti olan 12 aylık gelir ve gider çizgi grafiği, son etkinlik akışı, Send Reminders düğmesi olan gecikmiş ödeme uyarısı, ayrı Renew düğmeleri olan yaklaşan kira sözleşmeleri |
| Properties | Filtrelemeli mülk listesi |
| Leases | Durum takibi ile kira sözleşmesi yönetimi |
| Payments | Durum rozetli ödeme geçmişi tablosu, Stripe destekli güvenli ödeme modalı |
| Maintenance | Öncelik rozetleri ve tedarikçi atamasıyla Kanban panosu (Open / In Progress / Completed); kiracı gönderim formu |
| Messages | Gerçekçi konuşma dizileri ve Enter ile gönderme desteği olan iki panelli sohbet kullanıcı arayüzü |
| Documents | Sürükle ve bırak yükleme alanı, kategori filtre hapları, üzerine gelince eylemler gösteren dosya ızgarası |
| Reports | Çubuk grafik, yatay doluluk grafiği, bakım pasta grafiği, KPI metrik tablosu, tarih aralığı anahtarı (3m / 6m / 12m) |
| Admin Console | Kullanıcı yönetimi tablosu, sistem sağlığı ve entegrasyonlar paneli, tam REST API referansı, dağıtım talimatları (PostgreSQL, Docker, Vercel, Stripe webhook yapılandırması) |
Ekranların tamamındaki veriler simüle edilmiştir. Arka uç bağlantıları, herhangi bir şeyin canlı veriyi depolaması veya alması için yapılandırma gerektirir. Sekiz dakika sonra elinizde, çalışan bir demo olarak gezdirebileceğiniz kadar ekran kapsamı ve veri yoğunluğu olan, üretim kalitesinde bir ön yüz iskeleti olur.
Her Üç Kullanıcı Rolü de Doğru Şekilde Kapsamlandırılmış ve Her Birindeki Ayrıntı Etkileyici
Rol tabanlı erişim kontrolü, yapay zekâ oluşturucuların en sık savsakladığı alanlardan biridir. Figma Make bunu yapmadı. Her rol, kendi gezinme yapısı, kendi veri görünümü ve kendi kapsamıyla tamamen farklı bir deneyime giriş yapar.
| Rol | Gezinme Öğeleri | Dashboard Odak Noktası |
|---|---|---|
| Landlord (Marcus Hewitt) | Dashboard, Properties, Leases, Payments, Maintenance, Messages, Documents, Reports | Tüm mülkler ve kiracılar genelinde platform çapında metrikler |
| Tenant (Priya Nair) | Dashboard, Leases, Payments, Maintenance, Messages, Documents | Yalnızca bu kiracı için kişisel metrikler |
| Admin (Cassandra Voss) | Admin dışında tüm Landlord öğeleri | Admin Console erişimiyle aynı Landlord dashboard’u |
Landlord dashboard ayrıntıları:
- Aylık Gelir: $41,900 (Nis 2024, geçen aya göre +2.8%)
- Doluluk Oranı: 88% (76/86 birim, geçen aya göre +1.2%)
- Açık Talepler: 5 bakım talebi
- Toplam Mülk: 6 mülk, 86 toplam birim
- Mayıs’tan Nisan’a uzanan 12 aylık gelir ve gider grafiği
- Son etkinlik akışı: kira alındı, gecikmiş ödemeler, yeni bakım talebi, süresi dolacak kira, kiracı mesajı
- Uyarı bandı: “2 overdue payments require attention” ile Tomás Reyes ($2,100) ve Fatima Al-Sayed ($2,650) adı belirtilmiş ve bir Send Reminders eylem düğmesi
Kiracı dashboard ayrıntıları (Priya Nair):
- Sonraki Ödeme: $1,850, vadesi 1 Nisan 2024
- Kira Durumu: Active, son tarih 31 Ağustos 2024
- Açık Talepler: 1 (bekleyen HVAC onarımı)
- Mesajlar: 2 okunmamış
- Maple Grove #4B, $1,850, Paid gösteren ödeme geçmişi
- “HVAC not cooling” başlıklı bakım talebi, In Progress rozeti, 28 Mart 2024 tarihli
Kiracı rolündeki Payments ekranı, “Pay Now” tıklandığında Stripe markalı bir modal açıyor:
- Başlık: “Secure Payment. Powered by Stripe.”
- Ödeme satırı: April Rent, Maple Grove #4B, $1,850.00
- Kart Numarası alanı (önceden biçimlendirilmiş)
- Son Kullanma Tarihi (MM/YY) ve CVC alanları
- Ödeme düğmesi şu etiketle önceden hazırlanmış: “Pay $1,850.00”
- Alt bilgi: “256-bit SSL encryption · PCI DSS compliant”
Admin Console (Cassandra Voss):
Admin Console’da dört sekme vardır (Users, System, API Docs, Deployment) ve Users Yönetimi tablosunda açılır.
Her satırda düzenle ve kaldır eylem düğmeleri bulunur. Sağ üstte bir Invite User düğmesi yer alır. Tomás Reyes, Landlord dashboard’unda görülen gecikmiş ödeme uyarısıyla tutarlı biçimde Delinquent olarak doğru şekilde işaretlenmiştir.
Düzenleme İki Paralel Araç Kullanıyor ve İkisi de Ücretsiz Erişilebilir
Oluşturma tamamlandıktan sonra, ikisi de ücretli planın arkasında olmayan iki düzenleme yolu aynı anda kullanılabilir hale gelir.
Yol 1: Görsel düzenleyici
- Canlı önizlemedeki herhangi bir öğeye tıklayarak onu seçebilir ve yüzen bir düzenleme çubuğu açabilirsiniz
- Düzenleme çubuğu şunları içerir: yazı tipi ailesi seçici, yazı boyutu (eksi ve artı kontrolleriyle), kalın, italik, metin hizalama, genişlik kontrolleri, aralık ve öğe silme
- Seçilen öğe aynı anda sohbet giriş alanına eklenir; böylece bir öğeye tıklayıp sohbet içinde yazmak, ilgili bileşeni bağlamına alınmış bir değişiklik isteği gönderir
- Bir kapsayıcı seçildiğinde, tam bileşen türü ve iç içelik (örneğin, “div x 4”) araç çubuğunun üzerinde görünür ve kodu açmadan kesin yerleşim bağlamı sağlar
Görsel seçici ile sohbet girdisi arasındaki bağlantı, bu düzenleme iş akışının en pratik kısmıdır.
İkisi arasında seçim yapmak zorunda kalmazsınız. Öğeyi belirlemek için tıklarsınız, ardından neyin değişmesini istediğinizi sohbet içinde yazarsınız ve yapay zekâ bunu seçtiğiniz bileşenin tam farkındalığıyla uygular.
Yol 2: Kod düzenleyici
Üst çalışma alanındaki kod simgesine tıklamak tam React kaynak kodunu açar. Dosya yapısı:
src/
app/
components/
App.tsx (1,300+ lines)
styles/
fonts.css
globals.css
index.css
tailwind.css
theme.css
guidelines/
ATTRIBUTIONS.md
default_shadcn_theme.css
package.json
pnpm-workspace.yaml
postcss.config.mjs
vite.config.ts
App.tsx, her ekranı ayıran bölüm yorumlarıyla birlikte adlandırılmış görünüm işlevleri (DashboardView, ReportsView, MaintenanceView ve benzeri) şeklinde düzenlenmiştir.
Kod okunabilir, iyi yapılandırılmış ve doğrudan tarayıcı içinde düzenlenebilir. İndirme ya da harici bir IDE gerekmez. Bu tam kaynak erişimi ücretsiz planda mevcuttur.
Görsel düzenleyici, sohbet veya kod düzenleyici üzerinden yapılan değişikliklerin tümü aynı canlı önizlemeye beslenir ve anında yansır.
İlk Oluşturmada Onu Aşan Uyarılar Tek Tıkla Doğru Şekilde Düzeltildi
İlk oluşturma tamamlandıktan sonra, sohbet panelinin altında bir bant belirdi: “10+ warnings” ve yanında bir “Fix for me” düğmesi ile bir kapatma simgesi.
Tarayıcı konsolunu açmak (çalışma alanındaki bir konsol simgesi üzerinden erişilebilir) kaynağı gösterdi: Recharts grafik kütüphanesindeki yinelenen SVG gradient ID’leri.
Nedeni: Dashboard ve Reports bölümleri aynı genel gradient adlarını (revGrad, expGrad) SVG öğeleri olarak kaydetmişti. Recharts, gradient’leri SVG ad alanında ID ile kaydeder; dolayısıyla aynı belgede birden fazla grafik örneğinden gelen genel adlar çakışır. Konsolda, bu çakışmaya kadar izlenen uzun bir minified JavaScript referans listesi görünüyordu.
“Fix for me” düğmesine tıklamak ikinci bir oluşturma geçişini tetikledi. Araç üç spesifik sorunu belirledi ve hedeflenmiş düzeltmeler uyguladı:
- Dashboard AreaChart: Gradient ID’leri genel revGrad / expGrad adlarından dash-area-rev / dash-area-exp benzersiz tanımlayıcılarına yeniden adlandırıldı; böylece ad alanı çakışması önlendi
- Occupancy BarChart: Hücre anahtarları sayısal indeks (key={i}) yerine mülk adına dayalı kararlı dize anahtarlarına geçirildi (key={\occ-${entry.property}`}`), böylece her hücre sabit, benzersiz bir anahtara sahip oldu
- Maintenance PieChart: Aynı anahtar düzeltmesi giriş adı kullanılarak uygulandı (key={\pie-${entry.name}`}`)
Bu oluşturma otomatik olarak Version 2 olarak kaydedildi. Sürüm geçmişi paneli (çalışma alanının üst kısmındaki sürüm etiketine tıklanarak açılır) net bir kayıt gösterir:
| Sürüm | Etiket | Zaman |
|---|---|---|
| Version 1 | Property Management Platform | 4:06 PM |
| Version 2 | Resolve code warnings | 4:19 PM |
İkinci geçişten sonra konsolda yalnızca temiz vite hot-reload mesajları göründü ve uyarı bandı kayboldu. Version 1’e geri dönmek, sürüm geçmişi panelinden tek tıkla yapılabiliyor.
İlk oluşturmadan temiz konsola kadar tam düzeltme döngüsü, manuel kod düzenlemesi olmadan 13 dakika sürdü.
Ayarlar Paneli, Bir Beta Araçtan Bekleyeceğinizden Daha Derin
Ayarlar paneline sağ üstteki dişli simgesiyle erişilir. Açılır menü, seçenekleri iki grupta düzenler:
Make ayarları:
- General
- Domains
- Fonts
- Chat preferences
- Audio
Entegrasyonlar:
- GitHub
- Supabase
- Adjust guidelines
General settings yayın durumu ve SEO yapılandırmasını kapsar:
| Ayar | Ayrıntı |
|---|---|
| Durum | Yayınlanmadı (Publish düğmesi satır içinde mevcut) |
| Başlık | Düzenlenebilir proje adı |
| Meta açıklaması | Oluşturma bağlamından otomatik doldurulur |
| Dil | ISO dil kodu alanı |
| Google Analytics ID | Trafik takibi için bir GA4 mülkü bağlayın |
| Arama motoru sonuçlarından hariç tut | Onay kutusu, ücretsiz planda varsayılan olarak işaretli |
| Sohbet bağlamını temizle | Make’in sohbet belleğini kalıcı olarak temizler; sohbet geçmişi günlüğü görünür kalır |
Sohbet bağlamını temizle seçeneği anlaşılmaya değerdir. AI’nin oluşturma sohbeti belleğini, görünür sohbet günlüğünü kaldırmadan sıfırlar. Bu, uzun bir oluşturma başlığının yeni değişiklik isteklerinde AI’nin önceki bağlama fazla yaslanması durumunda kullanışlıdır.
Domains ayarları şunları gösterir:
- Base domain: example.figma.site (yayınlandığında canlıya geçen ücretsiz alt alan adı)
- Connected domains: Üçüncü taraf sağlayıcıdan özel alan adı ekleme seçeneği (ücretli plan gerekir)
Entegrasyonlar:
- GitHub: Kod dışa aktarımı ve depo senkronizasyonu
- Supabase: Simüle edilmiş veri katmanını gerçek bir arka uç ve veritabanıyla değiştirmek için bağlayın
- Adjust guidelines: Bileşen kütüphanesi kuralları, adlandırma standartları veya her oluşturma ve yinelemede korunmasını istediğiniz tasarım kısıtları gibi konuları kapsayan, AI’nin değişiklik yaparken izleyeceği özel talimatları ayarlayın
Adjust guidelines seçeneği, aracın diğer bölümlerinde öne çıkarılmayan anlamlı bir eklentidir. AI’nin bir oluşturma başlamadan önce nasıl davranması gerektiğini tanımlamanıza olanak tanır; böylece istenmeyen kalıpları sonradan düzeltmek yerine önceden yönetebilirsiniz.
Yayınlama Tek Tıkla Yapılır ve Ücretsiz Plan URL’si Gerçek, Bağımsız Bir Uygulama Gibi Görünür
Sağ üstteki Publish düğmesine tıklamak, yayına çıkmak için gereken her şeyi kapsayan bir panel açar:
| Alan | Ayrıntı |
|---|---|
| Başlık | Düzenlenebilir proje adı |
| URL | example.figma.site |
| Durum | Yayınlanmadı |
| Community’de Öne Çıkar | Uygulamayı Figma Community galerisinde listelemek için anahtar |
Community’de Öne Çıkar anahtarı, uygulamanın Figma Community’de diğer yayımlanmış uygulamalar arasında nasıl görüneceğini gösteren bir önizleme bölümünü genişletir.
Buradan:
- Uygulamayı kategorize etmek için en fazla beş etiket seçebilirsiniz (seçenekler arasında Apps, Dashboards ve “Show more” üzerinden daha fazlası yer alır)
- “Show chat history” onay kutusu, oluşturma sohbetinin community izleyicileri tarafından görünür olup olmayacağını kontrol eder
- Bir not şunu onaylar: “By publishing to Community, you agree to Figma’s Creator Agreement”
Yayımlandıktan sonra, figma.site URL’si uygulamayı bağımsız bir tarayıcı görünümünde açar. Figma editörüne ait herhangi bir çerçeve, filigran ya da uygulamanın etrafında görünen “built with Figma Make” rozeti yoktur. Bir çerçeveli prototip gibi değil, gerçek bağımsız bir web uygulaması gibi yüklenir ve davranır.
Ücretsiz plan yayınlamaya şunlar dahildir:
- Paylaşılabilir bir figma.site alt alan adı URL’si
- Görünür Figma markalaması olmayan bağımsız bir uygulama görünümü
- Uygulamayı Figma Community’de öne çıkarma yeteneği
Ücretli plan yayınlamaya şunlar eklenir:
- Üçüncü taraf bir sağlayıcıdan özel alan adı
- Ek oluşturma ve yinelemeler için daha fazla AI kredisi
Figma Make Fiyatlandırma ve Planlar
Figma Make ayrı bir ürün olarak satılmaz. Erişim, Figma Full seat planlarıyla birlikte gelir ve AI kredileri yalnızca Make için değil, tüm Figma AI özellikleri arasında paylaşılır. Figma Make içindeki bir oluşturma, Figma Design’ın AI araçları, görsel düzenleme ve platform genelindeki AI destekli herhangi bir işlemle aynı aylık havuzdan düşer.
Ücretsiz Starter planı Figma Make erişimi içerir, ancak aylık kredi üst sınırı tek bir karmaşık oluşturmanın büyük bir kısmını tüketecek kadar düşüktür. Starter plan, aracı değerlendirmek ve tek seferlik testler çalıştırmak için uygundur; Make’i oluşturma sürecinin düzenli bir parçası olarak kullanacak ekipler için değildir.
Ücretli planlar koltuk türlerine göre yapılandırılmıştır. Professional, Organization ve Enterprise katmanlarındaki Full seat’ler her biri ayda anlamlı ölçüde daha fazla AI kredisi içerir ve her katman aylık tahsisi artırır. Öncelikle Tasarım erişimi için ücretli bir Figma planındaysanız, Make zaten mevcut kredi havuzunuz içinde ek ücret olmadan kullanılabilir.
Ek AI kredileri, bir eklenti olarak ücretli planlar genelinde satın alınabilir; bu da ekibinizin Figma’nın diğer AI kullanımıyla birlikte haftada birden fazla Make oluşturması durumunda değerlendirmeye değerdir.
Ayrı bir ücretsiz deneme yoktur; Starter planın dışında bir para iade garantisi de belirtilmemiştir. Yıllık plan iptalleri, kalan süre için iade oluşturmaz. Professional plan iptalleri Admin Dashboard üzerinden yapılabilir; Organization ve Enterprise plan iptalleri için satış ekibiyle iletişime geçmek gerekir.
Pratik plan eşleştirmesi için: Starter plan değerlendirme ve ara sıra kullanım için yeterlidir. Aylık kredi sınırına proje ortasında takılmadan Make’i ayda bir ya da iki kereden fazla kullanmak isteyen ekipler için Professional Full seat asgari gerçekçi başlangıç noktasıdır.
Figma Make’e Alternatifler
Şu anda Figma Make’in en doğrudan rakibi Lovable. Figma Make, Figma çalışma alanı içinde bir ön yüz uygulaması üretirken, Lovable ön yüz, arka uç, veritabanı, kimlik doğrulama ve tek tıkla dağıtımı kapsayan, 8 milyondan fazla bildirilen kullanıcısı olan bağımsız bir platformdan tam yığını yöneten amaç odaklı bir yapay zekâ uygulama oluşturucusudur.
Figma’da zaten ücretli bir planda olmayanlar veya bağlantılı veriyle çalışan bir üretim uygulamasına ihtiyaç duyanlar için, Lovable sizi daha az yapılandırmayla ve bir tasarım platformu aboneliği gerektirmeden dağıtılmış, veri bağlantılı bir uygulamaya daha hızlı götürür.
| Özellik | Figma Make | Lovable |
|---|---|---|
| Kullanım Kolaylığı | Kurulum gerektirmeyen istem öncelikli yapı | Kurulum gerektirmeyen istem öncelikli yapı |
| En Uygun Olduğu Alan | Zaten Figma ücretli planında olan tasarımcılar ve ekipler | MVP oluşturup dağıtan teknik olmayan kurucular |
| Arka Uç ve Veri | Yalnızca ön yüz; Supabase entegrasyon olarak mevcut | Başından itibaren yerleşik Supabase arka ucu |
| Tasarım Esnekliği | Görsel düzenleyici, sohbet tabanlı düzenleme ve tam kaynak kodu erişimi | Kod dışa aktarma mevcut olan sohbet tabanlı düzenleme |
| Fiyatlandırma Modeli | Figma Full seat ile birlikte; paylaşımlı AI kredi havuzu | Kendi kredi sistemi olan bağımsız abonelik |
Son Karar: Figma Make Buna Değer mi?
Zaten bir Figma Full seat için ödeme yapan herkes için cevap nettir: evet, ve önemli ölçüde. Çıktı kalitesi, Figma Make’i piyasada çok daha uzun süredir bulunan çoğu yapay zekâ uygulama oluşturucusunun önüne koyuyor.
Tek bir istem, Stripe ödeme modali, canlı analiz dashboard’u, Kanban bakım panosu, iki panelli bir mesajlaşma kullanıcı arayüzü ve kullanıcı yönetim tablosu, REST API dokümantasyonu ile dağıtım talimatları içeren tam bir yönetici konsolu olan çok ekranlı, rol tabanlı bir emlak yönetim platformu üretti. Tüm bunlar sekiz dakikada, ücretsiz planda tam kaynak kodu erişimi ve temiz, bağımsız bir yayın URL’siyle geldi. Bunların hiçbiri beta bir ürün için sıradan değildir.
Figma’da olmayan ekipler için hesaplama, gerçekten neye ihtiyacınız olduğuna dürüstçe bakmayı gerektirir. Figma Make’e anlamlı kredi erişimi elde etmek, daha geniş bir platform yatırımı olan ücretli bir Figma planında Full seat gerektirir; bu da tek başına çalışan herhangi bir yapay zekâ oluşturucunun istediğinden daha büyük bir yükümlülüktür. Birincil amaç, canlı bir veritabanı ve gerçek kullanıcılarla çalışan bir uygulama göndermekse, bir prototip değil, Lovable bunu daha az yapılandırmayla ve tasarım platformu aboneliği gerektirmeden gerçekleştirir.
Figma Make’ten en çok fayda sağlayan kitle, statik bir Figma prototipi ile test edilebilir, kod destekli etkileşimli bir yapı arasındaki boşluğu kapatmak isteyen, araç değiştirmeden veya bir geliştirici beklemeden bunu yapmak isteyen tasarımcılar ve ürün ekipleridir. Tam olarak bu kullanım durumu için Figma Make mevcut en iyi seçenektir.
