Konwertuj ręcznie rysowany projekt na HTML bez kodu dzięki AI firmy Microsoft

Udostępnij w sieciach społecznościowych:

W tym artykule opisano bezpłatną aplikację internetową do przekształć ręcznie rysowany projekt w kod HTML za darmo. Tworzenie projektu internetowego nie jest łatwe. Najpierw musisz utworzyć lub narysować prototypowy projekt, a następnie kodować go, aby uzyskać działające szkielety HTML. Część kodująca zajmuje dużo czasu i może wymagać wielu zmian. Ale co, jeśli możesz pominąć część kodującą i bezpośrednio przekonwertować ręcznie rysowane projekty na kod HTML? Dostępne są technologie automatyzujące kodowanie projektu, a Microsoft właśnie to zrobił w ramach eksperymentalnego projektu AI.

Sketch2Code to aplikacja internetowa, w której można przesłać obraz ręcznie rysowanego projektu przekonwertować na kod HTML. Ta aplikacja korzysta z niestandardowych modeli Computer Vision, które rozpoznają obiekty i wzory, przewidują wykrywanie znaczących elementów projektu i generują fragmenty kodu HTML. Narzędzie jest całkowicie darmowe i pozwala na konwersję jednego obrazu projektu na raz.

Konwertuj ręcznie rysowany projekt na HTML bez kodu dzięki AI firmy Microsoft

Przeczytaj także: Zamień Figma Design w aplikację na Androida, iOS bez kodowania

Konwertuj ręcznie rysowany projekt na kod HTML za darmo

Sketch2Code jest wspierany przez platformę Azure Cloud Platform firmy Microsoft i usługi Azure Cloud AI Webservices. Wykorzystuje niestandardowe interfejsy API Vision i API Computer Vision do wykrywania obiektów, OCR i wykrywania pisma ręcznego. Aby korzystać z tej aplikacji, po prostu odwiedź stronę docelową i prześlij tam swój projekt. Jeśli uzyskujesz dostęp do aplikacji na urządzeniu za pomocą aparatu, możesz również bezpośrednio zrobić zdjęcie swojego projektu. Ta funkcja „Zrób zdjęcie” jest przydatna, aby szybko ukryć projekty tablic w kodzie HTML.

Po przesłaniu obrazu dowolną metodą przetworzenie identyfikacji odręcznego projektu i wykonanie prognoz zajmuje kilka sekund. Następnie wyświetla podgląd fragmentu kodu HTML twojego projektu obok oryginalnego obrazu.

Z tego ekranu podglądu możesz pobrać wygenerowany kod HTML swojego projektu. Otrzymasz plik HTML zawierający fragment kodu dla twojego projektu. Możesz otworzyć plik w przeglądarce internetowej, aby zobaczyć wyniki.

Zobacz:   Jak przypiąć strony internetowe do paska zadań za pomocą Microsoft Edge Chromium?

Microsoft Sketch2Code

Wraz z przyciskiem pobierania pojawi się również inny przycisk, który pokazuje szczegóły przewidywanego obiektu. Ten przycisk przenosi Cię na nową stronę, na której możesz zobaczyć, jak działa ta aplikacja. Pokazuje przegląd transformacji ręcznie rysowanego projektu w kod HTML, podkreślając wykrywanie obiektów opartych na AI i przewidywania.

Zakończyć

Sketch2Code to przyjemna aplikacja, która ma duży potencjał zrewolucjonizowania sposobu tworzenia projektów internetowych. Rezultaty są zaskakująco świetne, choć zależy to również od projektu. Przypadek użycia tej aplikacji jest obecnie dość ograniczony, można go używać z podstawowymi projektami i elementami strony. W każdym razie rysowanie na tablicy, a następnie wyświetlanie wynikowego kodu do testowania nowych pomysłów na strony internetowe jest całkiem świetne.

Komentarze Facebook