Tel Cerceveler
Hos Geldiniz
Wireframes alani, arayuz tasarimlarinizi gorsel olarak tasarlamaniza ve prototiplemenize olanak tanir. Kodlamaya baslamadan once uygulamanizin yapisini planlamak icin wireframe'ler olusturun. Wireframes'i ilk actiginizda, baslamak icin Wireframe Olustur karti bulunan karsilama ekranini goreceksiniz veya sag ust kosedeki + Yeni Wireframe dugmesini kullanin.
Temel Ozellikler
Manuel Tasarim
Gorsel tuval duzenleyicisini kullanarak tel cerceleri elle olusturun — ekranlarinizi tasarlamak icin bilesenleri surukleyip birakin.
Yapay Zeka Destekli Uretim
Ne istediginizi tarif edin ve yapay zekanin sizin icin otomatik olarak tel cerceve dokumantasyonu ve kareleri olusturmasini saglayin.
Ses Girisi
Tel cerceve aciklamanizi sesle dikte etmek icin yerlesik mikrofon dugmesini veya orta tiklama kullanin.
Tel Cerceveden Koda
Tel cerceveniz hazir oldugunda, dogrudan kod uretimine gonderin — tek bir kesintisiz is akisinda tasarimdan calisan koda gecin.
Tel Cerceve Olusturma
Olusturma dialogunu acmak icin Wireframe Olustur veya + Yeni Wireframe'e tiklayin. Bir baslik girecek, hedef platformu (Mobil, Masaustu veya Web) sececek, wireframe'inizin aciklamasini yazacak ve Manuel veya Yapay Zeka Destekli mod arasinda secenek yapacaksiniz.
Proje Kurulum Alanlari
Title
Tel cerceve listenizde daha sonra taniyabilmeniz icin tel cerceve projenize bir ad verin.
Platform
Tel cerceve duzeni ve kisitlamalarini uyarlamak icin hedef platformu secin — Mobil, Masaustu veya Web.
Description
Ne olusturmak istediginizi tarif edin. Bu, Yapay Zeka Destekli mod tarafindan dokumantasyon ve kareler olusturmak icin kullanilir. Mikrofon dugmesi araciligiyla ses girisini destekler.
Mode
Dogrudan tuval duzenleyicisine gecmek icin Manuel veya yapay zekanin sizin icin dokumantasyon ve kareler olusturmasi icin Yapay Zeka Destekli secin.
Manual Mode
Manuel sekmesini secip Olustur'a tikladiginizda, dogrudan wireframe tuval duzenleyicisine yonlendirilirsiniz ve ekranlarinizi hemen olusturmaya baslayabilirsiniz. Tasariminiz hakkinda net bir fikriniz oldugunda ve basindan itibaren tam kontrol istediginizde bu en iyi secenektir.
Manuel Ne Zaman Kullanilir
Aklinizdaki belirli bir tasarimi kendiniz olusturmak istiyorsunuz.
Detaylandirmadan once hizlica bir kaba taslak cizmek istiyorsunuz.
Basindan itibaren her eleman uzerinde tam kontrol istiyorsunuz.
AI-Powered Mode
Yapay Zeka Destekli sekmesini sectiginizde ek secenekler gorunur. Aciklamanizi yazabilir veya dikte edebilir, istege bagli olarak bireysel kareler tanimlayabilir, ust kisimdaki acilir menudan tercih ettiginiz yapay zeka modelini secebilir ve ardindan yapay zekanin wireframe dokumantasyonunu sizin icin olusturmasi icin Olustur'a tiklayabilirsiniz.
Nasil Calisir
Ayrintilari Girin
Basligi doldurun, bir platform secin ve projenizin aciklamasini yazin.
Kareleri Tanimla (Istege Bagli)
Yapay zekanin olusturmasini istediginiz tek tek ekranlari veya gorunumleri belirtmek icin Kareleri Tanimla sekmesine gecin.
Yapay Zeka Modeli Sec
Acilir menudern tercih ettiginiz yapay zeka modelini secin (ornegin Claude Code, Opus 4.6).
Olustur
Yapay zeka dokumantasyon olusturmaya baslamak icin Olustur dugmesine tiklayin. Dokumantasyon olusturulurken tel cerceve projesi listenizde gorunecektir.
Kareler Olustur
Dokumantasyon tamamlandiginda, tel cerceve duzenleyicisinden her bir kareyi olusturmaya baslayabilirsiniz.
Yapay Zeka ile Gelistir
Yapay Zeka Destekli modda, Yapay Zeka ile Gelistir dugmesine tiklamak, aciklamanizi yapay zeka kullanarak gelistirmenize olanak taniyan bir dialog acar. Bu, aciklama alanina yazdiklarinizi alir ve talimatlariniza gore gelistirir — wireframe'i olusturmadan once daha ayrintili, yapilandirilmis veya kapsamli hale getirir.
Gelistirme Secenekleri
Yapay Zeka Modeli
Aciklamanizi gelistirmek icin kullanilacak yapay zeka modelini secin (ornegin Claude Code, Opus 4.6).
Gelistirme Talimatlari
Yapay zekanin aciklamayi nasil iyilestirmesi gerektigine dair istege bagli olarak ozel talimatlar saglyin. Ses girisini destekler.
Aciklamayi Gelistir
Gelistirmeyi calistirmak icin tiklayin. Yapay zeka, girdisinize ve talimatlariniza dayali olarak aciklamanizi yeniden yazacak ve iyilestirecektir.
Dokumantasyon Olusturma
Yapay Zeka Destekli modda Olustur'a tikladiktan sonra, wireframe projeniz wireframe listesinde Dokumantasyon Olusturuluyor... durumuyla gorunur. Yapay zeka, tanimladiginiz baslik, platform, aciklama ve karelere dayali olarak projeniz icin yapilandirilmis dokumantasyon olusturmaktadir.
Sirada Ne Var
Dokumantasyon Olusturma
Yapay zeka, aciklamaniza dayali olarak her ekrani, bileseni ve duzeni tanimllayan yapilandirilmis bir belge olusturur.
Kare Olusturma
Dokumantasyon tamamlandiginda, tel cervecyi acabilir ve duzenleyiciden her bir kareyi olusturmaya baslayabilirsiniz.
Rafine Etme
Kareler olusturulduktan sonra, tasarimi ince ayarlamak icin tuval duzenleyicisinde bilesenleri manuel olarak ayarlayabilir, ekleyebilir veya kaldirabilirsiniz.