Naisip mo na ba kung gaano kasarap ang gumuhit lamang ng isang bagay sa isang papel at hayaan itong mabuhay sa totoong mundo? Well, iyon ay isang bagay lamang na nakamit ng Microsoft gamit ang AI powered Skletch2Code web app na maaaring mag-convert ng mga hand-written na drawing mula sa isang whiteboard patungo sa mga HTML na website sa isang pag-click ng isang button.
Maaaring i-convert ng Sketch2Code ang anumang hand-drawn na layout ng isang website sa HTML sa loob lamang ng ilang segundo. Gumagamit ang tool ng serbisyo ng Computer Vision AI ng Microsoft upang matukoy ang mga HTML na bagay sa isang drawing, at pagkatapos ay gumagamit ng pagkilala sa teksto upang i-extract ang sulat-kamay na text sa drawing upang pagsamahin at bumuo ng mga HTML na snippet ng lahat ng elemento ng disenyo sa larawan.
Ginagawa nitong napakabilis para sa mga web designer at developer na bumuo ng mga HTML na prototype ng isang website sa maraming iba't ibang estilo sa loob ng ilang segundo. Kung interesado kang malaman kung paano ito gumagana sa backend, tiyaking basahin ang mga teknikal na detalye tungkol sa Sketch2Code sa website ng Microsoft.
Nasa ibaba ang isang mabilis na tutorial upang ipakita sa iyo kung gaano kasimple ang paggamit ng Sketch2Code upang i-convert ang mga drawing ng layout ng website sa mga totoong HTML na pahina.
Una, gumuhit ng layout ng iyong website sa isang whiteboard o isang puting sheet. Pagkatapos, kumuha ng larawan nito at i-save ito sa iyong computer. Pagkatapos nito, mag-click sa button sa ibaba upang buksan ang Sketch2Code web app sa iyong browser.
Ilunsad ang Sketch2Code Web App
Kapag nabuksan mo na ang website, mag-click sa Mag-upload ng Disenyo button at piliin ang larawan ng layout ng website na iginuhit mo sa isang whiteboard o puting sheet.
Pagkatapos i-upload ang hand-drawn na disenyo ng website, umupo at panoorin ang Sketch2Code na gumagamit ng AI na awtomatikong bumuo ng HTML page batay sa layout sa larawang na-upload mo.
Kapag natapos na ang proseso, ipapakita sa iyo ang isang preview mula sa bagong nabuong HTML na pahina kasama ang opsyong i-download ang buong code. Mag-click sa I-download ang iyong HTML Code button upang makuha ang .html file ng iyong hand-drawn na layout ng website upang masubukan mo at ma-preview ito nang lokal sa iyong web browser.
Ayan yun. Umaasa kami na ang Sketch2Code ay makatipid sa iyo ng oras sa prototyping ng layout ng webpage.