Kuinka muuntaa käsin piirretyt verkkosivustojen asettelut HTML-koodiksi Microsoftin Sketch2Code-sovelluksella

Oletko koskaan miettinyt, kuinka siistiä olisi vain piirtää jotain paperille ja antaa sen herätä henkiin todellisessa maailmassa? No, Microsoft on saavuttanut sen tekoälypohjaisella Skletch2Code-verkkosovelluksella, joka voi muuntaa käsin kirjoitetut piirrokset taululta HTML-sivustoiksi yhdellä napin painalluksella.

Sketch2Code voi muuntaa minkä tahansa verkkosivuston käsin piirretyn asettelun HTML-muotoon muutamassa sekunnissa. Työkalu käyttää Microsoftin Computer Vision AI -palvelua HTML-objektien havaitsemiseen piirustuksessa ja sitten käyttää tekstintunnistusta piirustuksen käsinkirjoitetun tekstin yhdistämiseen ja rakentamiseen HTML-katkelmien avulla kaikista kuvan suunnitteluelementeistä.

Tämä tekee web-suunnittelijoille ja kehittäjille järjettömän nopeaa rakentaa HTML-prototyyppejä verkkosivustosta useissa eri tyyleissä muutamassa sekunnissa. Jos olet kiinnostunut tietämään, kuinka tämä toimii taustajärjestelmässä, muista lukea Sketch2Coden tekniset tiedot Microsoftin verkkosivustolta.

Alla on nopea opetusohjelma, joka näyttää, kuinka helppoa Sketch2Coden käyttäminen on muuntaa verkkosivustojen asettelupiirrokset oikeiksi HTML-sivuiksi.

Piirrä ensin verkkosivustosi asettelu taululle tai valkoiselle arkille. Ota sitten kuva siitä ja tallenna se tietokoneellesi. Napsauta sen jälkeen alla olevaa painiketta avataksesi Sketch2Code-verkkosovelluksen selaimessasi.

Käynnistä Sketch2Code Web App

Kun olet avannut verkkosivuston, napsauta Lataa suunnittelu -painiketta ja valitse kuva verkkosivuston asettelusta, jonka piirsit taululle tai valkoiselle arkille.

Kun olet ladannut käsin piirretyn verkkosivustosuunnittelun, istu alas ja katso, kuinka Sketch2Code luo tekoälyn automaattisesti HTML-sivun lataamasi kuvan asettelun perusteella.

Kun prosessi on valmis, sinulle näytetään esikatselu tuoreelta HTML-sivulta sekä mahdollisuus ladata koko koodi. Klikkaa Lataa HTML-koodisi -painiketta saadaksesi käsin piirretyn verkkosivustosi asettelun .html-tiedoston, jotta voit testata ja esikatsella sitä paikallisesti verkkoselaimessasi.

Se siitä. Toivomme, että Sketch2Code säästää aikaa verkkosivun asettelun prototyyppien luomisessa.