Was ist UXMagic?

UXMagic ist ein KI-Tool für UI/UX-Design. Du beschreibst, was du willst — oder gibst ihm einen Screenshot, eine handgezeichnete Skizze, eine Website-URL oder eine vorhandene Figma-Datei — und es produziert echte, bearbeitbare Oberflächen-Screens: ordentliches Layout, ein stimmiges Farb- und Schriftsystem und Markup, das du nach Figma oder in Produktionscode exportieren kannst.

Was es von einem Chatbot unterscheidet, der HTML schreibt#

Drei Dinge:

1. Es designt auf einem Canvas, nicht in einem Chatfenster. Screens liegen nebeneinander auf einem unendlichen Canvas, also ist ein Checkout-Flow fünf Screens, die du zusammen siehst, und nicht fünf getrennte Antworten.
2. Es hält ein Theme. Farben, Schriften, Radien und Abstände liegen als Design-Tokens am Projekt. Sag „mach es dunkel“, und alle Screens ziehen gemeinsam mit, statt dass einer aus der Reihe tanzt.
3. Es exportiert an einen nützlichen Ort. Figma mit echtem Auto-Layout, oder HTML/React/Tailwind, oder eine veröffentlichte Website auf deiner eigenen Domain — kein Screenshot.

Wie eine typische Sitzung aussieht#

Du startest ein Projekt, tippst, was du willst, und die KI schlägt eine Reihe von Screens vor. Du gibst den Plan frei oder änderst ihn, und sie designt die Screens einen nach dem anderen, während du zusiehst. Von da an iterierst du im Chat („mach den Hero höher“, „nimm unser Markenblau“) oder klickst in einen Screen und bearbeitest Texte und Bilder direkt.

Wenn es dir gefällt, exportierst du — oder veröffentlichst es als Live-Website.

Für wen es ist#

• Gründerinnen und Produktverantwortliche, die eine glaubwürdige Oberfläche brauchen, um sie Nutzenden, Investoren oder der Entwicklung zu zeigen, bevor jemand fürs Design eingestellt wird.
• Designerinnen, die die ersten 80 % eines Screens generieren lassen wollen, um ihre Zeit in die letzten 20 % zu stecken.
• Entwickler, die ein echtes Frontend wollen, ohne fünf Landingpages von Hand zu schreiben.
• Agenturen, die Kundenkonzepte im Tempo liefern.

Was es nicht ist#

Es ersetzt kein vollwertiges Designtool für Illustrationsarbeit auf Pixelebene, und es ist keine Code-IDE. Es bringt dich extrem schnell zu einem hochauflösenden, strukturierten Ausgangspunkt und übergibt dann sauber an Figma, an dein Repository oder ins Web.

Wie es weitergeht#

• Erstelle dein erstes Projekt — die Fünf-Minuten-Fassung.
• Wie Credits funktionieren — was jede Aktion kostet, damit dich nichts überrascht.
• Wege, einen Screen zu generieren — alle sechs Ausgangspunkte.