Skip to content

For designers, PMs, and founders who need Figma-editable UI fast—not a live React-repo editor and not a full-stack app factory. UXMagic turns prompts, sketches, screenshots, or site URLs into hi-fi screens and flows you refine, export to Figma, and can push to HTML/React for engineering. Free gives 30 one-time credits; Pro raises monthly credits and Figma export caps. Skip it if you need code export as the only workflow.

UI/UX DesignDesign-to-Code
$Freemium
UXMagic homepage

Use it when

You want to go from a prompt, sketch, screenshot, or cloned URL to Figma-ready multi-screen UI—refine in-product, hand off to Figma, and export HTML/React when engineering needs a starter.

What it does well

  • Four input paths: text prompt, sketch/image, screenshot-to-UI, and URL site clone
  • Modes for UI design, flows, sectional edits, and style guides, plus Export Code for HTML/React
  • Figma path: export editable layers, import components/design systems, plus a Figma plugin workflow
  • Free: 30 one-time credits (about five screens), five projects, and one Figma export—no card required
  • Pro: 1,200 monthly credits (about 200 screens), unlimited projects, and 250 Figma exports

Skip it when

  • Free’s one-time 30 credits and single Figma export cannot cover ongoing product work
  • You need design-to-code as the only job (v0, Locofy)—Figma-ready UI is primary here and code export supports handoff
  • You need SSO, shared design systems, or unlimited seats without an Enterprise conversation
  • You want a visual editor over a live React codebase (Onlook/Subframe) rather than generated screens into Figma
  • FAQ-era Premium/Ultimate credit numbers still appear elsewhere—trust the live Free/Pro/Enterprise pricing page

Fits your workflow

Prompt or import (sketch/screenshot/URL) → generate screens → refine in-product or export to Figma → export HTML/React for engineering when ready. Stay on Free to sample; move to Pro when monthly credits and Figma export volume matter; Enterprise for team admin and SSO. Finish brand polish in Figma and production logic in your repo.

Similar tools

See more