Някога чудили ли сте се колко готино би било просто да нарисувате нещо на хартия и да го оставите да оживее в реалния свят? Е, това е просто нещо, което Microsoft постигна с уеб приложението Skletch2Code, базирано на изкуствен интелект, което може да конвертира ръкописни чертежи от бяла дъска в HTML уебсайтове с едно натискане на бутон.
Sketch2Code може да конвертира всяко ръчно начертано оформление на уебсайт в HTML само за секунди. Инструментът използва услугата Computer Vision AI на Microsoft за откриване на HTML обекти в чертеж и след това използва разпознаване на текст, за да извлече ръкописния текст в чертежа, за да комбинира и изгради HTML фрагменти на всички дизайнерски елементи в изображението.
Това прави невероятно бързо за уеб дизайнерите и разработчиците да създават HTML прототипи на уебсайт в много различни стилове за секунди. Ако се интересувате да научите как работи това в бекенда, не забравяйте да прочетете техническите подробности за Sketch2Code на уебсайта на Microsoft.
По-долу има бърз урок, който ще ви покаже колко лесно е да използвате Sketch2Code за конвертиране на чертежи на оформление на уебсайт в реални HTML страници.
Първо, начертайте оформление на уебсайта си върху бяла дъска или бял лист. След това го снимайте и го запазете на вашия компютър. След това щракнете върху бутона по-долу, за да отворите уеб приложението Sketch2Code във вашия браузър.
След като отворите уебсайта, щракнете върху бутона Качване на дизайн и изберете снимката на оформлението на уебсайта, която сте нарисували на бяла дъска или бял лист.
След като качите ръчно начертания дизайн на уебсайта, седнете и гледайте как Sketch2Code използва AI автоматично генериране на HTML страница въз основа на оформлението в изображението, което сте качили.
След като процесът приключи, ще ви бъде показан преглед на прясно генерираната HTML страница заедно с опцията за изтегляне на пълния код. Кликнете върху бутона Изтеглете вашия HTML код, за да получите. html файл на вашето ръчно начертано оформление на уебсайта, така че да можете да го тествате и визуализирате локално във вашия уеб браузър.
Това е. Надяваме се, че Sketch2Code ви спестява време при създаване на прототип на оформление на уеб страница.
Свързани статии:
Безпроблемно управление на акаунти в Bluesky, Mastodon и Threads с Openvibe
7:50
Коригиране на грешката „Невалидна дръжка“ на Bluesky: Ръководство стъпка по стъпка
11:48
Топ 5 метода за стартиране на File Explorer като администратор в Windows 11
14:54
Вашият коментар