CodingDokumentierter ÜberblickZuletzt geprüft Oct 2, 2026

UXMagic: Preise, Funktionen & beste Einsatzzwecke

AI UI design tool that turns prompts, sketches, screenshots or URLs into editable screens, with Figma, HTML and React export.

Für wen UXMagic passt

UXMagic suits designers, founders and developers who want editable UI screens from prompts, sketches, screenshots or URLs with Figma and code export, with a free daily-credit tier and Pro at $35/mo. Auf Basis der Dokumentation des Anbieters, nicht in einem praktischen Test.

Am besten für: Designers and founders prototyping UI

Auch gut geeignet für

  • Developers wanting UI code from designs

Ein anderes Tool in Betracht ziehen, wenn free tier limited to 20 credits/day and 3 screens daily

Oder wenn

  • Free includes 1 Figma export and 5 projects
  • Pro caps at 2,400 monthly credits (400 screens)

UXMagic Preise und Nutzungslimits

Preise am Oct 2, 2026 auf der offiziellen US-Preisseite geprüft. Offizielle Preise ↗ Preise und Limits ändern sich häufig.

UXMagic Preisseite mit Tarifen und Preisen – Screenshot des KI-Tools coding, Oct 2, 2026
Die offizielle UXMagic-Preisseite, wie wir sie gesehen haben. uxmagic.ai, erfasst Oct 2, 2026

Kostenloser Zugang und Testbedingungen

Free: 20 credits daily (refresh at midnight UTC), no card required

Kostenpflichtige Tarife: was sich beim Upgrade ändert

Free Web

Kostenlos Quelle (öffnet in neuem Tab)

Monthly

Für: Trying UXMagic

Limits

  • 20 credits/day; up to 3 screens daily
  • 5 projects
1 mehr
  • 1 Figma export

Enthält

  • UI Design
  • Wireframe and Flow Mode
2 mehr
  • Screenshot/Sketch to UI
  • Clone a site

Keine API

Pro Web

$35 Quelle (öffnet in neuem Tab)

Monthly, Jahresbindung

$17.5/month billed annually ($210/year), 50% off monthly price

Für: Regular designers and teams

Limits

  • 2,400 monthly credits (up to 400 screens)
  • No daily limit
1 mehr
  • 250 Figma exports

Enthält

  • Unlimited projects
  • All Free features
1 mehr
  • Custom domains (paid plans)

API inklusive

Enterprise Web

Individuelle Preise Quelle (öffnet in neuem Tab)

Custom

Für: Teams that scale

Limits

  • Custom credit allocation

Enthält

  • Unlimited screens and seats
  • SSO / SAML
2 mehr
  • Team admin dashboard
  • Priority support

API inklusive

Nutzungsobergrenzen, Guthaben und Zusatzkosten

Extra credits can be purchased from the dashboard

Not stated

Was ist UXMagic und wie funktioniert es?

UXMagic generates UI screens, wireframes and multi-screen flows from text prompts, sketches or screenshots, and can recreate a site layout from a URL. Designs can be edited on a canvas. Outputs can be exported to Figma, HTML, React and Tailwind, and to Framer and Webflow. A style guide and Figma component import keep designs consistent.

UXMagic Startseite – Screenshot des KI-Tools coding, Oct 2, 2026
Offizielle Website von UXMagic: So stellt sich das Produkt selbst dar. uxmagic.ai, erfasst Oct 2, 2026

Was Sie liefern und was Sie erhalten

Wie UXMagic funktioniert: was Sie liefern, wo es läuft und was Sie zurückbekommenSIE LIEFERNIhre EingabeText prompt or PRD/briefSketch or screenshotWebsite URL to clone or Figma des…CODINGUXMagicWebab $35 (Pro)kostenloser Tarif verfügbarKonto erforderlichgeprüft Oct 2, 2026SIE ERHALTEN ZURÜCKDas ErgebnisEditable UI screens, wireframes a…Figma exportsHTML, React and Tailwind codeinput → UXMagic → output · von den eigenen Seiten des Anbieters, kein praktischer Test, sofern nicht angegeben
Was Sie UXMagic geben und was zurückkommt, laut Dokumentation

Sie liefern

  • Text prompt or PRD/brief
  • Sketch or screenshot
  • Website URL to clone or Figma design system

Sie erhalten zurück

  • Editable UI screens, wireframes and flows
  • Figma exports
  • HTML, React and Tailwind code

Wo Sie es nutzen können

Plattformen
Web
Konto
Erforderlich
Inputs
Prompt, sketch, screenshot, URL, PRD, Figma components
Exports
Figma, HTML, React, Tailwind, Framer, Webflow, Canva, PDF, PNG, JPEG, WebP
Free limits
20 credits/day, 3 screens daily, 5 projects, 1 Figma export
Pro limits
2,400 credits/month, up to 400 screens, 250 Figma exports
Commercial use
Users own output per FAQ

Die besten Einsatzzwecke für UXMagic

Die Szenarien erarbeiten unsere Redakteure anhand der Dokumentation; das tatsächliche Ergebnis hängt von Ihrer Eingabe und Ihrem Tarif ab.

Generating UI mockups from a prompt

Wer
Designers and founders
Sie liefern
Text prompt describing a screen
Erwartetes Ergebnis
High-fidelity UI mockup
Benötigter Tarif
Free (20 credits/day) or Pro
Einschränkung
Free: up to 3 screens daily Quelle (öffnet in neuem Tab)

Wireframes and user flows

Wer
Product managers and UX teams
Sie liefern
Prompt or PRD describing flows
Erwartetes Ergebnis
Low-fidelity wireframes and multi-screen user flows
Benötigter Tarif
Free or Pro
Einschränkung
Credits limit how many screens are generated Quelle (öffnet in neuem Tab)

Turning screenshots or sketches into UI

Wer
Designers and developers
Sie liefern
Screenshot, sketch or URL
Erwartetes Ergebnis
Editable UI that exports to Figma or code
Benötigter Tarif
Free (1 Figma export) or Pro (250)
Einschränkung
Free: 5 projects, 1 Figma export Quelle (öffnet in neuem Tab)

Funktionen von UXMagic und ihre Grenzen

UXMagic Startseite – Screenshot des KI-Tools coding, Oct 2, 2026
Funktionsüberblick auf der offiziellen Website. uxmagic.ai, erfasst Oct 2, 2026

Prompt to UI

Generates a polished UI screen from a text prompt Fast first design

Zugriff: Free and ProLimit: Free: 20 credits/day, up to 3 screens daily Quelle (öffnet in neuem Tab)

Flow mode

Creates a multi-screen user flow from one prompt Plan journeys quickly

Zugriff: All plansLimit: Credit use is higher for more screens Quelle (öffnet in neuem Tab)

Screenshot and sketch to UI

Turns screenshots or sketches into editable UI Rebuilds existing designs

Zugriff: All plansLimit: Not stated Quelle (öffnet in neuem Tab)

Clone from URL

Recreates a site's layout from its URL for inspiration Faster starting point

Zugriff: All plansLimit: Meant for inspiration and exploration Quelle (öffnet in neuem Tab)

UXMagic: Stärken und Grenzen

Gründe für die Wahl von UXMagic

Vor dem Bezahlen bei UXMagic prüfen

So nutzen Sie UXMagic für designing app screens from a prompt

UXMagic Dokumentation – Screenshot des KI-Tools coding, Oct 2, 2026
UXMagic Dokumentation: Quellen der folgenden Schritte. uxmagic.ai, erfasst Oct 2, 2026

UXMagic einrichten

  1. Open uxmagic.ai and sign up for the free tier
  2. Create a project
  3. Optionally import your Figma design system

Beispiel: designing app screens from a prompt

  1. Describe the screen in a prompt or upload a screenshot
  2. Review the generated screen and edit sections
  3. Generate additional screens or a flow
  4. Export to Figma or HTML/React

Ergebnis prüfen und exportieren

  1. Check the layout and text against your brief
  2. Confirm credits used and remaining
  3. Open the exported Figma or code file
Von unserer Redaktion vorgeschlagener Beispiel-Prompt (keine aufgezeichnete Ausgabe des Produkts)
Design a mobile onboarding flow with three screens for a budgeting app, clean modern style.

UXMagic Integrationen und API

UXMagic Dokumentation – Screenshot des KI-Tools coding, Oct 2, 2026
UXMagic Dokumentation (Fortsetzung). uxmagic.ai, erfasst Oct 2, 2026

Native Integrationen und Exportformate

Export: Figma, HTML, React, Tailwind, PDF, PNG, JPEG, WebP

API-Zugang und separate Abrechnung

UXMagic hat laut offizieller Dokumentation keine öffentliche API. MCP server works with Cursor, VS Code, Windsurf, Antigravity, Claude Desktop API-Dokumentation ↗

Datenschutz, Datennutzung und kommerzielle Rechte

Zusammengefasst aus den aktuellen Richtlinien des Anbieters; dies ist keine Rechtsberatung, und das Badge eines Anbieters ersetzt kein unabhängiges Audit.

Wie Ihre Eingaben und Ausgaben verarbeitet werden

Not stated on fetched pages

Kommerzielle Nutzung und Tarifbeschränkungen

FAQ says users own 100% of designs and code, with no licensing restrictions

SSO/SAML on Enterprise

Steuerungsmöglichkeiten für Geschäftskunden

  • SSO / SAML (Enterprise)
  • Team admin dashboard

Andere Tools statt UXMagic

„Besser geeignet“ beruht auf dokumentierten Funktionen und Preisen, nicht auf einem direkten Test.

Lovable: besser geeignet für

Canva: besser geeignet für

Alternativen
AlternativeWann Sie es wählen solltenPreiseEinschränkung
Lovable——Vergleichen
Canva——

UXMagic weiter erkunden

Wenn Sie UXMagic in Betracht ziehen

UXMagic Nutzerbewertungen

Noch keine Nutzerbewertungen.

Verwendet UXMagic? Teilen Sie als Erste oder Erster Ihre Erfahrung.

Bewertung schreiben

Bewertungen werden von einem Moderator geprüft, bevor sie erscheinen. Ihre E-Mail-Adresse wird nie veröffentlicht. Nur Klartext.

Ihre Bewertung (erforderlich)

Zeigen Sie, was Sie erstellt haben oder was schiefgelaufen ist. Bilder werden nur veröffentlicht, wenn die Bewertung freigegeben wird; Standortdaten werden entfernt.

    UXMagic FAQ

    Is there a free plan?

    Yes: 20 free credits every day with up to 3 screens daily, no card required. Quelle (öffnet in neuem Tab)

    How much is Pro?

    $35/month billed monthly, or $17.5/month billed annually ($210/year). Quelle (öffnet in neuem Tab)

    Who owns the designs?

    The FAQ says you own the designs and code with no licensing restrictions. Quelle (öffnet in neuem Tab)

    Is there a refund?

    The pricing FAQ says no refunds are currently offered on subscriptions or credit purchases. Quelle (öffnet in neuem Tab)

    Can I connect it to my IDE?

    Yes, the MCP server connects Cursor, VS Code, Windsurf, Antigravity and Claude Desktop with an API key. Quelle (öffnet in neuem Tab)

    Quellen und Bewertungsmethodik

    Offizielle Quellen und Prüfdaten

    Nicht verifiziert: Privacy and retention policy; Training use; Credit price for extra packs; Mobile apps; US availability; FAQ mentions older Premium/Ultimate plans that differ from the pricing page.

    Wie wir diese Seite dokumentiert haben und pflegen

    Jede Angabe zu UXMagic oben stammt aus den 3 hier aufgeführten offiziellen Seiten, zuletzt verglichen am Oct 2, 2026; wir haben UXMagic nicht selbst getestet, daher gibt es keine redaktionelle Bewertung. Wie wir Seiten prüfen und erneut prüfen.

    Artikel aktualisiert Oct 2, 2026; Preise geprüft Oct 2, 2026. Ausgehende Links zu Anbietern sind einfache Links; wir erhalten keine Provisionen. So testen wir · Fehler melden