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
    • Was ist UXMagic?
    • Erstelle dein erstes Projekt
    • Canvas, Projekte und Screens
    • Einen Prompt schreiben, der liefert, was du willst
    • Tastenkürzel
    • Dein Konto und dein Profil
  • ✨Designs generieren
  • 🎨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. Erste Schritte/
  3. Erstelle dein erstes Projekt

Erstelle dein erstes Projekt

Von der Registrierung zu einem fertig designten, bearbeitbaren Screen in etwa fünf Minuten.

Zuletzt aktualisiert: 3. September 2026

Auf dieser Seite

  • 1. Anmelden
  • 2. Ein Projekt starten
  • 3. Beschreib, was du willst
  • 4. Den Plan freigeben
  • 5. Beim Designen zusehen
  • 6. Iterieren
  • 7. Rausholen
  • Typische Fehler in der ersten Sitzung

Das führt dich von einem frischen Konto zu einem Screen, den du bearbeiten und exportieren kannst.

uxmagic.ai/dashboard
Das UXMagic-Dashboard mit einem Prompt-Feld „Beschreibe, was du erstellen möchtest“ und Vorschlägen für den Einstieg darunter.
The dashboard: describe a screen, and UXMagic designs it.

1. Anmelden#

Geh auf uxmagic.ai und registriere dich mit Google oder per E-Mail. Eine Kreditkarte ist nicht nötig — der Free-Tarif gibt dir 20 Credits pro Tag, genug für rund 3 Screens täglich, in bis zu 5 Projekten.

2. Ein Projekt starten#

Klick im Dashboard auf Neues Projekt. Ein Projekt ist ein Behälter für Screens, die sich ein Theme teilen — ein Produkt, eine Website, ein Flow. Halte Unzusammenhängendes in getrennten Projekten, damit sich ihre Designsysteme nicht in die Quere kommen.

3. Beschreib, was du willst#

Tipp deine Anfrage ins Prompt-Feld. Sei konkret beim Produkt, den Screens und der Zielgruppe:

Ein Projektmanagement-SaaS für kleine Agenturen. Ich brauche eine Marketing-Landingpage, eine Preisseite und ein Dashboard mit den laufenden Projekten. Sauber und modern, tiefes Blau und Weiß, freundlich, aber professionell.

Wenn du eine Marke, eine Referenz-Website oder ein PRD hast, häng es jetzt an — siehe Wege, einen Screen zu generieren.

4. Den Plan freigeben#

Bei einem neuen Projekt schlägt die KI meist eine Screen-Liste vor, bevor sie irgendetwas designt. Du kannst Screens ergänzen, umbenennen, nicht benötigte entfernen und dann freigeben. Dieser Schritt ist bewusst günstig: Es ist weit besser, den Plan zu korrigieren, als fünf fertige Screens neu zu designen.

5. Beim Designen zusehen#

Screens werden einer nach dem anderen designt und erscheinen auf dem Canvas, sobald sie fertig sind. Du kannst währenddessen weiterarbeiten.

6. Iterieren#

Zwei Wege, etwas zu ändern:

  • Chat — für alles Strukturelle oder Thematische: „Testimonials unter den Hero“, „mach das Ganze dunkel“, „tausch den CTA-Text“.
  • Bearbeitungsmodus — in einen Screen klicken, um Texte zu ändern und Bilder direkt zu tauschen, ohne eine Generierung zu verbrauchen.

Siehe Einen Screen bearbeiten.

7. Rausholen#

Wenn du zufrieden bist: nach Figma exportieren, Code exportieren oder als Live-Website veröffentlichen.

Typische Fehler in der ersten Sitzung#

  • Einen Screen nach dem anderen prompten, wenn du einen Flow willst. Frag den ganzen Flow vorab an, damit die Screens sich Theme und Navigationsstruktur teilen.
  • Das Theme Screen für Screen reparieren. Ändere das Theme einmal, und es gilt projektweit. Siehe Themes und Styleguides.
  • Wegen eines Tippfehlers neu generieren. Nimm den Bearbeitungsmodus. Neu generieren kostet Credits; Text bearbeiten nicht.

Häufig gefragt

Brauche ich eine Kreditkarte, um anzufangen?
Nein. Der Free-Tarif gibt dir 20 Credits pro Tag — genug für rund 3 Screens täglich — ohne hinterlegte Karte.
Wie lange dauert der erste Screen?
Ein einzelner Screen ist meist in unter einer Minute fertig. Ein vollständiger Plan mit mehreren Screens dauert entsprechend länger, weil Screens einer nach dem anderen designt werden.

War dieser Artikel hilfreich?

Verwandte Artikel

Canvas, Projekte und Screens

Wie Projekte, Screens, Versionen und der unendliche Canvas zusammenpassen.

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.

Alle Wege, einen Screen zu generieren

Prompt, Screenshot, Skizze, Website-URL, Figma-Import oder ein PRD — und wann du wozu greifst.

← ZurückWas ist UXMagic?Weiter →Canvas, Projekte und Screens

Auf dieser Seite

  • 1. Anmelden
  • 2. Ein Projekt starten
  • 3. Beschreib, was du willst
  • 4. Den Plan freigeben
  • 5. Beim Designen zusehen
  • 6. Iterieren
  • 7. Rausholen
  • Typische Fehler in der ersten Sitzung

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.