In der vergangenen Woche hat Google diverse neue KI-Anwendungen vorgestellt. Diese sind aber noch nicht zugänglich in der EU. Deswegen schaue ich mir diese bei Gelegenheit genauer an, wenn diese auch bei uns verfügbar sind. Stattdessen zeige ich dir heute ein Tool, das bei der Gestaltung deiner Website zur Hand gehen kann.
Was kann Screenshot to Code?
Mit Screenshot to Code erweckst du den Screenshot einer Website oder eines Mockups zum Leben. Das Tool baut mithilfe von KI den Seitenquelltext, um das Design des eingegebenen Screenshots möglichst genau nachzubilden.
Wie nutze ich Screenshot to Code?
Die Bedienung ist denkbar einfach. Nach der Installation des Tools auf deinem Computer oder Server öffnest du die Oberfläche im Browser und kannst einen Screenshot importieren.
Das Tool verarbeitet das Bild mithilfe eines Sprachmodells und du kannst dem Tool beim Generieren der Website zuschauen. Den generierten Code kannst du im Nachgang weiterverarbeiten.
Wie viel kostet Screenshot to Code?
Screenshot to Code ist open source und kostenlos. Du brauchst allerdings technisches Verständnis und einen API-Schlüssel für ein Sprachmodell wie GPT-4o oder Claude Sonnet 3.7.
