Code & Wireframe Generation
Genel Bakis
Gorselinizi sinir kutulariyla aciklayip davranislar atadiktan sonra, calisan bilesen kodu veya tel cerceve duzeni olusturabilirsiniz. Yapay zeka, dogru cikti uretmek icin sinir kutusu konumlarini, oge turlerini ve davranis yonlendirmelerini kullanir.
Yapay Zeka Asistani Kenar Cubugu
Yapay Zeka Asistani paneli, kod veya tel cerceve olusturmayi yapilandirmak ve tetiklemek icin kullanilan sag taraftaki kenar cubugudur. Asagidaki kontrolleri icerir:
Gorsel Modeli Secici
Gorsellerinizi analiz etmek ve cikti olusturmak icin hangi yapay zeka gorsel modelinin kullanilacagini secin. Farkli modeller farkli ayrinti ve dogruluk seviyeleri uretebilir.
Framework Secici
Kod olusturma icin hedef framework'u secin (ornegin React, Vue, Svelte). Olusturulan kod secilen framework'un sozdizimini ve kaliplarini kullanacaktir.
Bilesenler / Tel Cerceveler Sekmeleri
Aciklamali gorsellerinizden bilesen kodu olusturma (Bilesenler sekmesi) veya tel cerceve duzenleri olusturma (Tel Cerceveler sekmesi) arasinda gecis yapin.
Gorsel Gruplari
Mevcut tersine proje icin tum gorsel gruplarini listeler. Gorsellerini onizlemek ve olusturmayi yapilandirmak icin bir grup secin. Her grup gorsel sayisini gosterir.
Bloklar Olustur
Yapay zeka olusturma islemini baslatmak icin tiklayin. Yapay zeka, cikti uretmek icin secilen grubun gorsellerini sinir kutusu aciklamalari ve davranislariyla birlikte analiz eder.
Cikti Modlari
Kod Olustur
Aciklamali gorseli hedef framework'unuz (React, Vue, Svelte vb.) icin calisan bilesen koduna donusturun. Olusturulan kod, duzeni, stili ve sinir kutularinda tanimladiginiz davranislari icerir.
Tel Cerceve Olustur
Aciklamali gorseli Tel Cerceve aracinda acilan bir tel cerceve duzeni olarak disari aktarin. Her sinir kutusu, daha fazla rafine edebileceginiz, yeniden duzleyebileceginiz ve diger ekranlara baglayabileceginiz bir tel cerceve ogesine donusur.
Kod Olusturma Ozellikleri
Framework Secimi
Olusturmadan once hedef framework'unuzu secin. Desteklenen framework'ler arasinda React, Vue, Svelte, SolidJS, Angular ve daha fazlasi bulunmaktadir.
Davranis Eslestirme
Sinir kutularina atanan davranislar, ciktidaki olay isleyicilerine, gezinme mantigina, modallara ve diger etkilesimli koda cevrilir.
Duzen Dogrulugu
Yapay zeka, orijinal gorsel tasarima yakin bir sekilde eslesen bir duzen uretmek icin gorseldeki sinir kutusu konumlarini ve boyutlarini kullanir.
Bloklara Kaydet
Olusturulan bilesenler, projeler arasinda yeniden kullanim icin dogrudan Bloklar kutuphanenize kaydedilebilir.
Projeye Ekle
Olusturulan kodu yeni bilesen dosyalari olarak dogrudan mevcut projenize ekleyin.
Ipuclari
En iyi sonuclar icin net UI ogeleri iceren yuksek cozunurluklu gorseller kullanin. Daha dogu kod olusturma icin her ogenin etrafina siki sinir kutulari cizin. Belirsiz aciklamalar yerine belirli davranislar atayin — "kayit modali acar" ifadesi "bir sey yapar" ifadesinden daha iyi calisir. Yapay zeka, standart web duzenleri ve yaygin UI kaliplariyla en iyi sekilde calisir.