Te-ai întrebat vreodată cât de tare ar fi să desenezi ceva pe o hârtie și să-l lași să prindă viață în lumea reală? Ei bine, asta este doar ceva ce Microsoft a realizat cu aplicația web Skletch2Code alimentată cu inteligență artificială, care poate converti desene scrise de mână de pe o tablă albă în site-uri web HTML cu un clic de buton.
Sketch2Code poate converti orice aspect desenat manual al unui site web în HTML în doar câteva secunde. Instrumentul folosește serviciul Microsoft Computer Vision AI pentru a detecta obiecte HTML dintr-un desen și apoi utilizează recunoașterea textului pentru a extrage textul scris de mână din desen pentru a combina și a construi fragmente HTML ale tuturor elementelor de design din imagine.
Acest lucru face ca designerii și dezvoltatorii web să construiască prototipuri HTML ale unui site web în mai multe stiluri diferite în câteva secunde. Dacă sunteți interesat să știți cum funcționează acest lucru în backend, asigurați-vă că citiți detaliile tehnice despre Sketch2Code pe site-ul Microsoft.
Mai jos este un tutorial rapid pentru a vă arăta cât de simplu este să utilizați Sketch2Code pentru a converti desenele de aspect al site-ului web în pagini HTML reale.
Mai întâi, desenați un aspect al site-ului dvs. pe o tablă albă sau pe o foaie albă. Apoi, faceți-i o poză și salvați-o pe computer. După aceea, faceți clic pe butonul de mai jos pentru a deschide aplicația web Sketch2Code în browser.
Lansați aplicația web Sketch2Code
După ce ați deschis site-ul, faceți clic pe Încărcați design butonul și selectați imaginea aspectului site-ului web pe care ați desenat-o pe o tablă sau o foaie albă.
După ce ați încărcat designul site-ului web desenat manual, stați pe spate și urmăriți ca Sketch2Code cum folosește AI generează automat o pagină HTML pe baza aspectului din imaginea pe care ați încărcat-o.
Odată ce procesul este încheiat, vi se va afișa o previzualizare de pe pagina HTML proaspăt generată, împreună cu opțiunea de a descărca codul complet. Faceți clic pe Descărcați codul HTML butonul pentru a obține fișierul .html al aspectului site-ului dvs. web desenat manual, astfel încât să îl puteți testa și previzualiza local în browserul dvs. web.
Asta e. Sperăm că Sketch2Code vă va economisi timp în crearea prototipului unui aspect de pagină web.