Frontend için öneri

13-08-2026, 03:57:48

Beyler selam, AI modelleriyle adamakıllı web frontend tasarımları nasıl çıkartabiliriz? YouTube'da görüyorum; Figma'dan vesaire alıp 3 boyutlu web siteleri yapıyorlar. Bunun kolay bir yolu ya da püf noktası var mı? Deneyimi olan paylaşabilir mi?

13-08-2026, 04:10:18

#2

APT

Profesyonel bir prompt yazın. Ağzınızla kuş tutmanıza gerek yok. Yazarken tam olarak, net olarak neyi nasıl istediğinizi, hangi teknolojiler olması gerektiğini, nasıl hareket / boyut / efekt / tasarıma sahip olması gerektiğini vb tüm detayları ile vermelisiniz. Kullandığınız AI modeli görüntü destekliyor ve doğru yorumlayabiliyor ise, görsellerle de destekleyebilirsiniz. Çok daha profesyonel olan birileri varsa, onlar da üşenmeyip Figma da tasarlayıp öyle koda döktürebilirler. Açıkçası çok özel bir proje değilse, vakit kaybı.

13-08-2026, 05:33:53

#3

metapak

Codex + figma bağlantısı yapabilirsiniz.
Ya da lovable'dan frontend üretip codex veya claude ile daha sonrasında düzenleyebilirsiniz.
İkisini de kullandım. Lovable biraz daha basit kullanılıyor.
Lovable için ise dışarıda 6-10 dolara 300 kredi satanlar var. rahatlıkla yeter.

13-08-2026, 05:41:21

#4

PropJoe

richhie adlı üyeden alıntı: mesajı görüntüle

Beyler selam, AI modelleriyle adamakıllı web frontend tasarımları nasıl çıkartabiliriz? YouTube'da görüyorum; Figma'dan vesaire alıp 3 boyutlu web siteleri yapıyorlar. Bunun kolay bir yolu ya da püf noktası var mı? Deneyimi olan paylaşabilir mi?

Selamlar.
Gemini - Chatgpt gibi araçlarda istediğiniz sayfaların jpeg olarak normal görselini yaptırıp, bunu sonrasında çeşitli ai araçlarıyla html veya farklı dillerde dökümünü yaptırabilirsiniz.
Normal gemini veya chatgpt'ye yaptıramayacağınız kodlama ile tasarımları, görsel olarak çıktı aldırıp başarılı bir şekilde verim alabilirsin.

13-08-2026, 05:44:55

#5

richhie

PropJoe adlı üyeden alıntı: mesajı görüntüle

Selamlar.
Gemini - Chatgpt gibi araçlarda istediğiniz sayfaların jpeg olarak normal görselini yaptırıp, bunu sonrasında çeşitli ai araçlarıyla html veya farklı dillerde dökümünü yaptırabilirsiniz.
Normal gemini veya chatgpt'ye yaptıramayacağınız kodlama ile tasarımları, görsel olarak çıktı aldırıp başarılı bir şekilde verim alabilirsin.

çok mantıklıymış bu arada ya teşekkürler deniycem bunu

13-08-2026, 05:48:26

#6

PropJoe

richhie adlı üyeden alıntı: mesajı görüntüle

çok mantıklıymış bu arada ya teşekkürler deniycem bunu

Selamlar.
Bunu yapan ai araçları %100 birebir dökmez ama %90-95 gibi döker, ufak tefek pürüzler çıkabilir onlarıda manuel chatgpt veya gemini gibi ide / cli araçlarla düzeltebilirsin.

13-08-2026, 11:54:14

#7

ealemdar41

Görselden HTML/CSS çıkarma işi son dönemde gerçekten iyi noktada ama dikkat edilmesi gereken şey, bu araçların çoğu tasarımı component mantığıyla değil piksel piksel kopyalıyor, yani responsive davranış ve kod tekrarı sonradan sorun çıkarabiliyor. Figma bağlantılı araçlarla tasarımdan direkt kod üretip sonra manuel olarak component'lere bölmek bence en sağlıklı yöntem, tamamen otomatik döküme güvenmemek lazım, özellikle canlıya çıkacak bir proje ise.