Kako pretvoriti ručno nacrtane izglede web-mjesta u HTML kod koristeći Microsoft Sketch2Code

Jeste li se ikada zapitali kako bi bilo super jednostavno nacrtati nešto na papiru i pustiti da oživi u stvarnom svijetu? Pa, to je samo nešto što je Microsoft postigao s web-aplikacijom Skletch2Code s AI-om koja može konvertirati rukom napisane crteže s bijele ploče u HTML web stranice jednim klikom na gumb.

Sketch2Code može pretvoriti bilo koji ručno nacrtani izgled web stranice u HTML u samo nekoliko sekundi. Alat koristi Microsoftovu uslugu Computer Vision AI za otkrivanje HTML objekata na crtežu, a zatim koristi prepoznavanje teksta za izdvajanje rukom pisanog teksta na crtežu kako bi kombinirao i izgradio HTML isječke svih elemenata dizajna na slici.

To čini suludo brzim za web dizajnere i programere da u nekoliko sekundi izgrade HTML prototipove web stranice u mnogo različitih stilova. Ako vas zanima kako to funkcionira u pozadini, svakako pročitajte tehničke detalje o Sketch2Code na Microsoftovoj web stranici.

U nastavku je kratki vodič koji će vam pokazati koliko je jednostavno koristiti Sketch2Code za pretvaranje crteža izgleda web stranice u prave HTML stranice.

Najprije nacrtajte izgled svoje web stranice na bijeloj ploči ili bijelom listu. Zatim ga fotografirajte i spremite na svoje računalo. Nakon toga kliknite na donji gumb za otvaranje web aplikacije Sketch2Code u svom pregledniku.

Pokrenite web-aplikaciju Sketch2Code

Nakon što otvorite web stranicu, kliknite na Prenesite dizajn i odaberite sliku izgleda web stranice koju ste nacrtali na bijeloj ploči ili bijelom listu.

Nakon prijenosa ručno nacrtanog dizajna web stranice, sjedite i gledajte kako Sketch2Code koristi AI kako automatski generira HTML stranicu na temelju izgleda na slici koju ste prenijeli.

Kada se proces završi, prikazat će vam se pregled svježe generirane HTML stranice zajedno s opcijom preuzimanja cijelog koda. Klikni na Preuzmite svoj HTML kod da biste dobili .html datoteku ručno nacrtanog izgleda web stranice kako biste je mogli testirati i pregledati lokalno u svom web pregledniku.

To je to. Nadamo se da će vam Sketch2Code uštedjeti vrijeme u izradi prototipa izgleda web stranice.