Du hast deinen AdBlocker an?

Es wäre ein Traum, wenn du ihn für t3n.de deaktivierst. Wir zeigen dir gerne, wie das geht. Und natürlich erklären wir dir auch, warum uns das so wichtig ist. Digitales High-five, deine t3n-Redaktion

News

Von Skizze zu HTML-Code – Microsoft-Tool macht’s mit Machine Learning

(Foto: baranq / Shutterstock)

Mit einer Anwendung aus Microsofts AI-Lab lassen sich Wireframes auf Papier dank Machine Learning in HTML umwandeln – eine passende Webanwendung demonstriert das. 

Erste Design-Ideen für neue Webprojekte entstehen oft auf Papier oder am Whiteboard. Um daraufhin die Arbeit für einen ersten HTML-Klick-Dummy zu erleichtern, bietet Microsoft jetzt mit Sketch2Code einen Dienst an, der mit einer Bilderkennung aus hochgeladenen Fotos HTML-Code erstellt.

Sketch2Code: Foto hochladen, HTML-Code herunterladen

Dafür hat ein Microsoft-Team aus dem AI-Lab eine Website als Frontend für den Service gebaut. Dort lassen sich entweder Fotos hochladen oder aufnehmen. Nach dem Upload wird es dann von Microsofts Bilderkennungssystem aus den Cognitive Services in Azure verarbeitet. Dafür gibt es in Custom Vision ein eigenes Machine-Learning-Modell, das darauf ausgerichtet ist, HTML-Elemente zu erkennen.

Das Modell wurde von Microsoft mit Hilfe des Custom-Vision-Service mit Millionen von Bildern trainiert, wie Microsoft auf der Website zum Dienst schreibt. Danach wird das Bild einer Texterkennung unterzogen, um die entsprechenden HTML-Elemente beschriften zu können. Ist das abgeschlossen, kann der Nutzer auf der Website den erstellten HTML-Code herunterladen.

Microsofts Sketch2Code setzt im Hintergrund natürlich auf Azure. (Screnshot: Microsoft)
Microsofts Sketch2Code setzt im Hintergrund natürlich auf Azure. (Screnshot: Microsoft)

Im Hintergrund funktioniert der Dienst über eine Azure-Function, die alle beteiligten Microsoft-Dienste anspricht und koordiniert. Microsoft hat das Projekt samt Frontend auf Github veröffentlicht. Damit lässt es sich auch in eigene Projekte integrieren, allerdings ist dafür ein kostenpflichtiger Azure-Plan vonnöten.

Passend dazu: Microsoft macht KI-Kurse für jeden zugänglich

Bitte beachte unsere Community-Richtlinien

Schreib den ersten Kommentar!

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.