Czy zastanawiałeś się kiedyś, jak fajnie byłoby po prostu narysować coś na papierze i pozwolić, aby ożyło w prawdziwym świecie? Cóż, to właśnie udało się firmie Microsoft dzięki aplikacji internetowej Skletch2Code opartej na sztucznej inteligencji, która umożliwia konwersję odręcznych rysunków z tablicy na strony internetowe w formacie HTML jednym kliknięciem.
Sketch2Code może w ciągu kilku sekund przekonwertować dowolny, ręcznie narysowany układ strony internetowej na HTML. Narzędzie wykorzystuje usługę Computer Vision AI firmy Microsoft do wykrywania obiektów HTML na rysunku, a następnie wykorzystuje rozpoznawanie tekstu do wyodrębniania odręcznego tekstu z rysunku w celu połączenia i zbudowania fragmentów HTML wszystkich elementów projektu na obrazie.
Dzięki temu projektanci i programiści stron internetowych mogą niesamowicie szybko tworzyć prototypy HTML witryny internetowej w wielu różnych stylach w ciągu kilku sekund. Jeśli chcesz wiedzieć, jak to działa w backendie, koniecznie przeczytaj szczegóły techniczne dotyczące Sketch2Code na stronie Microsoftu.
Poniżej znajduje się krótki samouczek pokazujący, jak proste jest użycie Sketch2Code do konwersji rysunków układu witryny internetowej na prawdziwe strony HTML.
Najpierw narysuj układ swojej witryny na tablicy lub białej kartce. Następnie zrób zdjęcie i zapisz je na swoim komputerze. Następnie kliknij przycisk poniżej, aby otworzyć aplikację internetową Sketch2Code w przeglądarce.
Po otwarciu witryny kliknij przycisk Prześlij projekt i wybierz obraz układu witryny narysowany na tablicy lub białym arkuszu.
Po przesłaniu ręcznie narysowanego projektu strony internetowej usiądź wygodnie i zobacz, jak Sketch2Code wykorzystuje sztuczną inteligencję automatycznie generuje stronę HTML w oparciu o układ przesłanego obrazu.
Po zakończeniu procesu zostanie wyświetlony podgląd świeżo wygenerowanej strony HTML wraz z opcją pobrania pełnego kodu. Kliknij przycisk Pobierz swój kod HTML, aby pobrać. html ręcznie narysowanego układu strony internetowej, dzięki czemu można go przetestować i wyświetlić podgląd lokalnie w przeglądarce internetowej.
Otóż to. Mamy nadzieję, że Sketch2Code oszczędzi Ci czas podczas prototypowania układu strony internetowej.
Powiązane artykuły:
Bezproblemowe zarządzanie kontami Bluesky, Mastodon i Threads dzięki Openvibe
7:51
Naprawianie błędu „Nieprawidłowy uchwyt” w Bluesky: przewodnik krok po kroku
11:48
5 najlepszych metod uruchamiania Eksploratora plików jako administrator w systemie Windows 11
14:55
Dodaj komentarz