Hvordan konvertere håndtegnede nettstedsoppsett til HTML-kode ved hjelp av Sketch2Code av Microsoft

Har du noen gang lurt på hvor kult det ville være å bare tegne noe på et papir og la det komme til live i den virkelige verden? Vel, det er bare noe Microsoft har oppnådd med den AI-drevne Skletch2Code-nettappen som kan konvertere håndskrevne tegninger fra en tavle til HTML-nettsteder med et klikk på en knapp.

Sketch2Code kan konvertere ethvert håndtegnet oppsett av et nettsted til HTML på få sekunder. Verktøyet bruker Microsofts Computer Vision AI-tjeneste for å oppdage HTML-objekter i en tegning, og bruker deretter tekstgjenkjenning for å trekke ut den håndskrevne teksten i tegningen for å kombinere og bygge HTML-snutter av alle designelementene i bildet.

Dette gjør det vanvittig raskt for webdesignere og utviklere å bygge HTML-prototyper av en nettside i mange forskjellige stiler i løpet av sekunder. Hvis du er interessert i å vite hvordan dette fungerer i backend, sørg for å lese de tekniske detaljene om Sketch2Code på Microsofts nettsted.

Nedenfor er en rask veiledning for å vise deg hvor enkelt det er å bruke Sketch2Code til å konvertere tegninger for nettstedlayout til ekte HTML-sider.

Først tegner du et oppsett av nettstedet ditt på en tavle eller et hvitt ark. Ta deretter et bilde av det og lagre det på datamaskinen. Deretter klikker du på knappen nedenfor for å åpne Sketch2Code-webappen i nettleseren din.

Start Sketch2Code Web App

Når du har åpnet nettstedet, klikker du på Last opp design knappen og velg bildet av nettstedets layout som du tegnet på en tavle eller et hvitt ark.

Etter å ha lastet opp det håndtegnede nettsteddesignet, len deg tilbake og se på at Sketch2Code bruker AI automatisk genererer en HTML-side basert på oppsettet i bildet du lastet opp.

Når prosessen er fullført, vil du bli vist en forhåndsvisning av den nygenererte HTML-siden sammen med muligheten til å laste ned hele koden. Klikk på Last ned HTML-koden din knappen for å få .html-filen til ditt håndtegnede nettstedsoppsett slik at du kan teste og forhåndsvise det lokalt i nettleseren din.

Det er det. Vi håper Sketch2Code sparer deg for tid ved å lage prototyping av en nettsidelayout.

Kategori: Web