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 et nettsted 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. Klikk deretter på knappen nedenfor for å åpne Sketch2Code-nettappen i nettleseren din.
Når du har åpnet nettstedet, klikker du på Last opp design- knappen og velger bildet av nettstedets layout som du tegnet på en tavle eller et hvitt ark.
Etter å ha lastet opp det håndtegnede nettstedsdesignet, 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å knappen Last ned HTML-koden for å få. html-fil av ditt håndtegnede nettstedoppsett slik at du kan teste og forhåndsvise det lokalt i nettleseren din.
Det er det. Vi håper Sketch2Code sparer deg for tid med å lage prototyping av en nettsidelayout.
Relaterte artikler:
Administrer Bluesky-, Mastodon- og Threads-kontoer sømløst med Openvibe
7:51
Retting av «Ugyldig håndtak»-feilen på Bluesky: En trinn-for-trinn-veiledning
11:48
Topp 5 metoder for å starte filutforsker som administrator i Windows 11
14:55
Legg att eit svar