Screenshot zu UI

Gib UXMagic ein Bild einer Oberfläche, und es baut sie als echten, bearbeitbaren Screen nach.

Schritte#

1. Klick im Prompt-Feld auf die Anhang-Schaltfläche und lade dein Bild hoch (JPEG, PNG oder WebP).
2. Sag, was damit passieren soll. Das ist wichtiger, als die meisten erwarten:
   • „Bau diesen Screen exakt nach“ — getreue Reproduktion.
   • „Bau dieses Layout nach, aber in unseren Markenfarben“ — Struktur bleibt, Theme wird angewendet.
   • „Das ist die Preisseite unseres Wettbewerbers — gestalte unsere in derselben Struktur“ — Struktur als Inspiration.
3. Absenden.

Eine getreue Reproduktion bekommen#

• Lade den ganzen Screen hoch, keinen Ausschnitt, wenn du das komplette Layout willst.
• Lade in lesbarer Auflösung hoch — wenn du die Beschriftungen nicht lesen kannst, kann es die KI auch nicht.
• Wenn exakte Farben wichtig sind, sag „übernimm die Farben aus dem Screenshot exakt“. Standardmäßig gewinnt das Theme eines bestehenden Projekts, weil in den meisten Projekten Konsistenz das ist, was man eigentlich will.

Mehrere Screenshots#

Lade mehrere auf einmal hoch für einen Flow über mehrere Screens; die KI behandelt sie dann als Satz und hält sie untereinander konsistent.

Eine bekannte Falle#

In einem bestehenden Projekt überschreibt ein Screenshot allein nicht das Projekt-Theme: Der neue Screen erbt die bereits verwendete Palette. Wenn du stattdessen die Palette der Referenz willst, sag es in Worten: „Nimm die Farben aus diesem Bild, nicht das aktuelle Theme.“

Kosten#

Ein Bild zu lesen ist kostenlos; den Screen daraus zu designen kostet die üblichen Credits für die Screen-Erstellung.