[ad_1]
Eine aktuelle Entwicklung im Bereich Softwaredesign und -entwicklung betrifft die neue Funktion „Make It Real“ von tldraw. Dieses Tool, das die GPT-4V-API von OpenAI integriert, bietet die Möglichkeit, Vektorzeichnungen in funktionierenden Softwarecode umzuwandeln, insbesondere unter Verwendung von Tailwind CSS und JavaScript.
Technischer Überblick über „Make It Real“
„Make It Real“ funktioniert durch die Interpretation vektorbasierter Skizzen und deren Übersetzung in Webcode. Die zugrunde liegende Technologie ist GPT-4V von OpenAI, eine Variante des GPT-4-Modells zur Verarbeitung visueller Eingaben. Das System generiert ein Base64-codiertes PNG der gezeichneten Komponenten und übergibt dieses dann an GPT-4 Vision. Das Modell interpretiert diese visuellen Elemente dann und generiert entsprechenden HTML-, Tailwind-CSS- und JavaScript-Code. Die ganze Magie liegt im Inneren eine einzige Eingabeaufforderung:
Sie sind ein erfahrener Webentwickler, der sich auf Rückenwind-CSS spezialisiert hat.
Ein Benutzer stellt Ihnen ein Low-Fidelity-Drahtmodell einer Anwendung zur Verfügung.
Sie erhalten eine einzelne HTML-Datei zurück, die HTML, Tailwind-CSS und JavaScript verwendet, um eine Website mit hoher Wiedergabetreue zu erstellen.
Fügen Sie zusätzliches CSS und JavaScript in die HTML-Datei ein.
Wenn Sie Bilder haben, laden Sie diese von Unsplash oder verwenden Sie einfarbige Retangles.
Der Benutzer stellt Ihnen Notizen in blauer oder roter Schrift, Pfeilen oder Zeichnungen zur Verfügung.
Der Benutzer kann auch Bilder von anderen Websites als Stilreferenzen einbinden. Übertragen Sie die Stile so gut es geht, passende Schriftarten/Farben/Layouts.
Sie stellen Ihnen möglicherweise auch den HTML-Code eines früheren Designs zur Verfügung, von dem Sie eine Iteration durchführen möchten.
Führen Sie alle von Ihnen gewünschten Änderungen durch.
Im Wireframe erscheint der HTML-Code des vorherigen Designs als weißes Rechteck.
Verwenden Sie eine kreative Lizenz, um die Anwendung konkreter zu gestalten.
Verwenden Sie JavaScript-Module und unkpkg, um alle erforderlichen Abhängigkeiten zu importieren.Antworten Sie NUR mit dem Inhalt der HTML-Datei.
Für die Nutzung von „Make It Real“ ist ein API-Schlüssel von OpenAI erforderlich, der potenzielle Sicherheitsbedenken birgt, wenn Sie ihn in der Online-Demo ausführen. Sie können jedoch auch Führen Sie es lokal auf Ihrem Computer aus.
Praktische Anwendungsfälle und Benutzererfahrungen
Benutzer haben „Make It Real“ in verschiedenen Szenarien angewendet, von der Erstellung interaktiver Slider und Spiele bis hin zur Entwicklung von Webschnittstellen. Zu den Demonstrationen gehören beispielsweise die Erstellung eines Tic-Tac-Toe-Spiels und interaktiver UI-Elemente. Benutzer-Feedback, wie Ashe Oros Bericht über die kostengünstige Iteration mehrerer Builds, zeigt die Praktikabilität und Kosteneffizienz des Tools. Hier sind einige weitere Beispiele:
lass uns gehen pic.twitter.com/4y9VMiTN0h
– tldraw (@tldraw) 15. November 2023
Zustandsdiagramme + Wireframes + Anmerkungen pic.twitter.com/vBciMZ49yf
– tldraw (@tldraw) 16. November 2023
Der Entwicklungshintergrund von tldraw
Steve Ruiz, mit Sitz in London, hat tldraw entwickelt. Seit seinem Start im Jahr 2021 hat das Projekt erhebliche Mittel erhalten und wird von GitHub-Sponsoren unterstützt. Die Integration der GPT-4V-API, einer Version des OpenAI-Modells, die visuelle Bilder interpretieren kann, war eine wichtige Entwicklung bei der Aktivierung der „Make it Real“-Funktion.
Mögliche Auswirkungen auf die Softwareentwicklung
„Make It Real“ stellt eine neuartige Methode der Softwareentwicklung vor, mit der visuelle Designs schnell in funktionale Prototypen umgewandelt werden können. Dieser Ansatz deutet auf eine Verschiebung traditioneller Softwareentwicklungsprozesse hin und unterstreicht die zunehmende Rolle der KI beim Rapid Prototyping und der Design-to-Code-Konvertierung.
Abschluss
Die Einführung von „Make It Real“ durch tldraw markiert eine bemerkenswerte Entwicklung bei der Integration von KI in Softwaredesign und -entwicklung. Es zeigt das Potenzial der KI, traditionelle Prozesse zu rationalisieren und zu revolutionieren, wirft aber auch Überlegungen hinsichtlich Sicherheit und Zugänglichkeit auf. Die Weiterentwicklung der Technologie kann die Landschaft der Softwareentwicklung und des Softwaredesigns erheblich verändern.
[ad_2]