UXMagic Startseite
  • Funktionen
  • Bibliotheken
  • Community
  • Preise
  • Partnerprogramm
  • Ressourcen
UXMagic Startseite
UXMagic Startseite

Bibliotheken

Community
Preise
Partnerprogramm

Ressourcen

Folge uns auf:
  • Folge uns auf Slack
  • Folge uns auf Twitter
  • Folge uns auf LinkedIn
  • Folge uns auf YouTube
  • Folge uns auf Instagram
Hilfe-Center
  • 🚀Erste Schritte
  • ✨Designs generieren
    • Alle Wege, einen Screen zu generieren
    • Text zu UI
    • Screenshot zu UI
    • Skizze zu UI
    • Eine Website per URL klonen
    • Aus Figma importieren
    • Aus einem PRD oder Briefing designen
    • Wireframe-Modus
    • Flow-Modus und Screen-Pläne
  • 🎨Designen & bearbeiten
  • 📦Export & Übergabe
  • 🌐Website veröffentlichen
  • 🤝Teilen & zusammenarbeiten
  • 🔌Integrationen & Entwicklung
  • 💳Tarife, Credits & Abrechnung
  • 🛠Fehlerbehebung

Kommst du nicht weiter?

Unser Team antwortet direkt aus dem Produkt heraus.

Support kontaktieren →
  1. Hilfe-Center/
  2. Designs generieren/
  3. Text zu UI

Text zu UI

Verwandle eine geschriebene Beschreibung in einen hochauflösenden, bearbeitbaren Screen.

Zuletzt aktualisiert: 27. August 2026

Auf dieser Seite

  • Schritte
  • Das Ergebnis steuern
  • Was es kostet
  • Wenn das Ergebnis danebenliegt

Der Standardweg: beschreib die Oberfläche, bekomm die Oberfläche.

Schritte#

  1. Öffne ein Projekt und klick ins Prompt-Feld.
  2. Beschreib das Produkt, den oder die Screens, die Zielgruppe und die visuelle Richtung. Siehe Einen Prompt schreiben, der liefert, was du willst.
  3. Absenden. Bei einem neuen Projekt wird dir meist zuerst ein Screen-Plan zur Freigabe gezeigt.
  4. Screens werden einer nach dem anderen designt und erscheinen auf dem Canvas, sobald sie fertig sind.

Das Ergebnis steuern#

Gerätegröße. Sag es im Prompt — „ein mobiler Checkout-Screen“ — oder stell die Screen-Größe vor dem Generieren ein. Vorhandene Screens lassen sich später auf ein anderes Gerät umstellen; siehe Responsive und Gerätevarianten.

Marke. Wenn du Farben und Schriften hast, nenne sie ausdrücklich und mit Nachdruck. Eine weiche Erwähnung („bläulich“) wird interpretiert; eine exakte Anweisung („Primärfarbe #1B4DFF, Überschriften in Inter, keine weiteren Akzentfarben“) wird befolgt.

Inhalt. Liefere echte Texte, wenn die Texte wichtig sind. Sonst bekommst du gut geformten Platzhaltertext — brauchbar für die Struktur, nicht für eine Demo.

Bilder. Die KI erzeugt Bilder, wo ein Design sie braucht. Du kannst auch eigene hochladen und um deren Verwendung bitten. Siehe Bilder in deinen Designs.

Was es kostet#

Einen neuen Screen von Grund auf zu designen kostet Credits; ihn zu verfeinern kostet deutlich weniger. Die genaue Tabelle steht in Wie Credits funktionieren.

Wenn das Ergebnis danebenliegt#

Generier nicht den ganzen Screen wegen eines Teiltreffers neu — sag, was nicht stimmt, und lass es nachbessern. Neu generieren gehört zu den teuersten verfügbaren Aktionen und wirft die Teile weg, die schon richtig waren.

War dieser Artikel hilfreich?

Verwandte Artikel

Einen Prompt schreiben, der liefert, was du willst

Die fünf Dinge, die in einen Prompt gehören, und die Formulierungen, die zuverlässig danebengehen.

Flow-Modus und Screen-Pläne

Erzeuge eine komplette mehrstufige Journey aus einem Prompt und bearbeite den Plan, bevor irgendetwas designt wird.

Themes und Styleguides

Wie das Projekt-Theme funktioniert, wie du es gefahrlos änderst und warum Farben nie Screen für Screen bearbeitet werden sollten.

← ZurückAlle Wege, einen Screen zu generierenWeiter →Screenshot zu UI

Auf dieser Seite

  • Schritte
  • Das Ergebnis steuern
  • Was es kostet
  • Wenn das Ergebnis danebenliegt

deine nächste idee
verdient es zu existieren

hör auf, drüber nachzudenken. tipp es einfach ein. Unfertig, halbgar, egal. Wir machen etwas Echtes daraus.

Produkt

  • Community
  • Preispläne
  • Partnerprogramm
  • UXMagic MCP
  • Claude MCP
  • KI-Infos

Ressourcen

  • Hilfe-Center
  • Figma-Bibliothek
  • React-Bibliothek
  • Mobile-App-Vorlagen
  • Dokumentation
  • Tutorials

Funktionen

  • Prompt zu UI
  • Bild zu UI
  • Skizze zu UI
  • Website klonen
  • Aus Figma importieren
  • AI Wireframe Generator
  • AI Mockup Generator
  • AI Prototype Generator
  • AI Dashboard Generator
  • Alle Funktionen

Vergleichen

  • vs. UX Pilot
  • vs. Relume
  • vs. MagicPath
  • vs. Magic Patterns
  • vs. Banani
  • vs. Galileo AI
  • vs v0
  • vs Lovable
  • vs Base44
  • Alle Wettbewerber

Blog

  • KI im UX-Design-Workflow: Was wirklich funktioniert
  • Prompt-Vorlagen für SaaS-Dashboards
  • Echte Prompts, mit denen wir Produkt-Flows generieren
  • Prompt Engineering für UX-Designer
  • Die besten Wireframing-Tools 2026: 10 kostenlose & Pro-Optionen im Vergleich
  • Alle Blogartikel

Unternehmen & Support

  • Karriere
  • Kontakt
  • Datenschutzerklärung
  • Nutzungsbedingungen
  • Cookie-Einstellungen
  • Folge uns auf Slack
  • Folge uns auf Twitter
  • Folge uns auf LinkedIn
  • Folge uns auf YouTube
  • Folge uns auf Instagram

© 2026 UXMagic AI Technologies Inc.