Как да конвертирате ръчно нарисувани оформления на уебсайтове в HTML код с помощта на Sketch2Code от Microsoft

Някога чудили ли сте се колко готино би било просто да нарисувате нещо на хартия и да го оставите да оживее в реалния свят? Е, това е просто нещо, което Microsoft постигна с уеб приложението Skletch2Code, базирано на изкуствен интелект, което може да конвертира ръкописни чертежи от бяла дъска в HTML уебсайтове с едно натискане на бутон.

Sketch2Code може да конвертира всяко ръчно начертано оформление на уебсайт в HTML само за секунди. Инструментът използва услугата Computer Vision AI на Microsoft за откриване на HTML обекти в чертеж и след това използва разпознаване на текст, за да извлече ръкописния текст в чертежа, за да комбинира и изгради HTML фрагменти на всички дизайнерски елементи в изображението.

Това прави невероятно бързо за уеб дизайнерите и разработчиците да създават HTML прототипи на уебсайт в много различни стилове за секунди. Ако се интересувате да научите как работи това в бекенда, не забравяйте да прочетете техническите подробности за Sketch2Code на уебсайта на Microsoft.

По-долу има бърз урок, който ще ви покаже колко лесно е да използвате Sketch2Code за конвертиране на чертежи на оформление на уебсайт в реални HTML страници.

Първо, начертайте оформление на уебсайта си върху бяла дъска или бял лист. След това го снимайте и го запазете на вашия компютър. След това щракнете върху бутона по-долу, за да отворите уеб приложението Sketch2Code във вашия браузър.

След като отворите уебсайта, щракнете върху бутона Качване на дизайн и изберете снимката на оформлението на уебсайта, която сте нарисували на бяла дъска или бял лист.

Изберете и качете вашето ръчно нарисувано оформление на уебсайт

След като качите ръчно начертания дизайн на уебсайта, седнете и гледайте как Sketch2Code използва AI автоматично генериране на HTML страница въз основа на оформлението в изображението, което сте качили.

След като процесът приключи, ще ви бъде показан преглед на прясно генерираната HTML страница заедно с опцията за изтегляне на пълния код. Кликнете върху бутона Изтеглете вашия HTML код, за да получите. html файл на вашето ръчно начертано оформление на уебсайта, така че да можете да го тествате и визуализирате локално във вашия уеб браузър.

Кликнете върху бутона „Изтеглете вашия HTML код“.

Това е. Надяваме се, че Sketch2Code ви спестява време при създаване на прототип на оформление на уеб страница.