Microsoft'tan Sketch2Code Kullanarak Elle Çizilmiş Web Sitesi Düzenlerini HTML Koduna Dönüştürme

Bir kağıda bir şey çizip gerçek dünyada hayata geçmesine izin vermenin ne kadar havalı olacağını hiç merak ettiniz mi? Bu, Microsoft'un tek bir tıklamayla beyaz tahtadan elle yazılmış çizimleri HTML web sitelerine dönüştürebilen AI destekli Skletch2Code web uygulamasıyla başardığı bir şey.

Sketch2Code, bir web sitesinin elle çizilmiş herhangi bir düzenini birkaç saniye içinde HTML'ye dönüştürebilir. Araç, bir çizimdeki HTML nesnelerini algılamak için Microsoft'un Computer Vision AI hizmetini kullanır ve ardından görüntüdeki tüm tasarım öğelerinin HTML parçacıklarını birleştirmek ve oluşturmak için çizimdeki el yazısı metni çıkarmak için metin tanımayı kullanır.

Bu, web tasarımcılarının ve geliştiricilerinin bir web sitesinin HTML prototiplerini birkaç saniye içinde birçok farklı stilde oluşturmasını inanılmaz derecede hızlı hale getirir. Bunun arka uçta nasıl çalıştığını bilmek istiyorsanız, Microsoft'un web sitesinde Sketch2Code ile ilgili teknik ayrıntıları okuduğunuzdan emin olun.

Aşağıda, web sitesi yerleşim çizimlerini gerçek HTML sayfalarına dönüştürmek için Sketch2Code kullanmanın ne kadar basit olduğunu gösteren hızlı bir eğitim verilmiştir.

Öncelikle, bir beyaz tahtaya veya beyaz bir sayfaya web sitenizin bir düzenini çizin. Ardından fotoğrafını çekip bilgisayarınıza kaydedin. Bundan sonra, Sketch2Code web uygulamasını tarayıcınızda açmak için aşağıdaki düğmeye tıklayın.

Sketch2Code Web Uygulamasını Başlatın

Web sitesini açtıktan sonra, üzerine tıklayın. Tasarım Yükle düğmesini tıklayın ve bir beyaz tahta veya beyaz sayfa üzerine çizdiğiniz web sitesi düzeninin resmini seçin.

Elle çizilmiş web sitesi tasarımını yükledikten sonra, arkanıza yaslanın ve Sketch2Code'un yapay zekayı kullanmasını izleyin, yüklediğiniz görüntüdeki düzene göre otomatik olarak bir HTML sayfası oluşturun.

İşlem bittiğinde, tam kodu indirme seçeneğiyle birlikte yeni oluşturulan HTML sayfasının bir önizlemesi gösterilecektir. Tıkla HTML Kodunuzu indirin Elle çizilmiş web sitesi düzeninizin .html dosyasını almak için düğmesine basın, böylece web tarayıcınızda yerel olarak test edip önizleyebilirsiniz.

Bu kadar. Sketch2Code'un bir web sayfası düzenini prototiplerken size zaman kazandıracağını umuyoruz.

Kategori: