# UXMagic — Full context for AI assistants > UXMagic is an AI UI/UX design tool that turns text prompts, screenshots, hand-drawn sketches, website URLs, and existing Figma files into pixel-perfect, Figma-ready UI designs and production-ready code in seconds. Built by UXMagic Inc. (US), it is trusted by 50,000+ designers, developers, product managers, and founders. ## What is UXMagic? UXMagic ("UX Magic", "UXMagic.ai", "UXMagic Copilot") is an AI-native UX/UI design copilot. Designers, developers, product managers, and founders describe what they want — in text, a screenshot, a sketch, a website URL, or a Figma file — and UXMagic generates pixel-perfect, Figma-ready UI and production-ready front-end code in seconds. Whole multi-screen flows can be generated from a single prompt, refined with AI, and exported to Figma, Framer, Webflow, React, or HTML/Tailwind. ## Capabilities ### Generate UI from anything - [AI UI Generator](https://uxmagic.ai/ai-ui-design-generator): Turn text prompts into pixel perfect figma ready UI. - [Image to UI](https://uxmagic.ai/image-to-ui): Upload a screenshot and get production-ready code. - [Sketch to UI](https://uxmagic.ai/image-wireframe-to-ui): Convert paper sketches into polished digital interfaces. - [Clone any Website](https://uxmagic.ai/clone-any-website): Recreate any website design by providing a URL. - [Import from Figma](https://uxmagic.ai/import-from-figma): Bring your existing Figma projects into UXMagic. ### Design & edit - [Flow Mode](https://uxmagic.ai/flow-mode-ai-ui-generator): Generate your entire multi-screen UI flow from one prompt. - [Style Guide Generator](https://uxmagic.ai/ai-style-guide-generator): Generate brand colors, typography, and components in seconds. ### Structure & ship - [AI Wireframe Generator](https://uxmagic.ai/ai-wireframe-generator): Generate Low fidelity wireframes to plan your structure - [Image Screenshot to Wireframe](https://uxmagic.ai/image-to-wireframe): Convert any screenshot into a clean, editable wireframe ### Full feature list - UI Design: Generate polished, high-fidelity UI screens from a plain-text prompt. - Wireframe Mode: Generate low-fidelity wireframes and user flows to plan structure first. - Sectional Editing: Edit a single section of a screen without regenerating the whole thing. - Flow Mode: Create an entire multi-screen user flow from a single prompt. - Screenshot to UI: Turn any screenshot into editable, production-ready UI. - Sketch to UI: Convert a rough or hand-drawn sketch into a polished digital interface. - Clone a Site (from URL): Recreate any website's layout from its URL for inspiration and exploration. - Text Editing & Upload Images: Edit content inline and add your own images to designs. - Style Guide: Generate and apply consistent brand colors, typography, and components. - Import Figma Components / Design System: Bring your existing Figma components and design system into UXMagic. - Export Code: Export production-ready HTML, React, and Tailwind code for developer handoff. - Figma Export: Export high-fidelity, auto-layout, dev-ready designs straight to Figma. - Export to Framer & Webflow: Export and publish generated designs directly to Framer and Webflow. - Per-project collaborator invites: Invite specific people by email to collaborate on a project. - Anyone-with-link share: Share a link that adds anyone who opens it to the project. ## Exports & integrations - Figma: export high-fidelity, dev-ready, auto-layout designs to Figma — or import an existing Figma file and edit it with AI. - Framer & Webflow: export and publish generated designs directly to Framer and Webflow. - Code: export production-ready HTML, React, and Tailwind CSS from any generated design. - Figma plugin: [UXMagic AI UI Generator (Website to Figma, Screenshot to UI)](https://www.figma.com/community/plugin/1374402598280022366/uxmagic-ai-ui-generator-website-to-figma-screenshot-to-ui) — [UXMagic on Figma](https://www.figma.com/@uxmagic). - Component libraries: [Figma component library](https://uxmagic.ai/figma-component-library), [React component library](https://uxmagic.ai/react-component-library). - Developer tools: MCP server ([uxmagic-mcp@1.2.0 on npm](https://www.npmjs.com/package/uxmagic-mcp?activeTab=readme)) for Cursor, Windsurf, VS Code, Claude and other IDEs — setup in the docs. ## Comparisons with other AI design tools UXMagic maintains detailed, side-by-side comparison pages (feature matrix, pricing, and a verdict) against 37+ competing tools: - [UXMagic vs Framer AI](https://uxmagic.ai/framer-ai) - [UXMagic vs Buildwith Mocha](https://uxmagic.ai/buildwith-mocha) - [UXMagic vs UXPilot](https://uxmagic.ai/uxpilot) - [UXMagic vs Flowmapp](https://uxmagic.ai/flowmapp) - [UXMagic vs Figma Make](https://uxmagic.ai/figma-make) - [UXMagic vs Relume](https://uxmagic.ai/relume) - [UXMagic vs Motiff AI](https://uxmagic.ai/motiff-ai) - [UXMagic vs Teleport HQ](https://uxmagic.ai/teleport-hq) - [UXMagic vs Sleek Design](https://uxmagic.ai/sleek-design) - [UXMagic vs Replit AI](https://uxmagic.ai/replit-ai) - [UXMagic vs Variant AI](https://uxmagic.ai/variant-ai) - [UXMagic vs Google Stitch](https://uxmagic.ai/google-stitch) - [UXMagic vs Emergent](https://uxmagic.ai/emergent) - [UXMagic vs Claude Design](https://uxmagic.ai/claude-design) - [UXMagic vs Galileo AI](https://uxmagic.ai/galileo-ai) - [UXMagic vs Rocket New](https://uxmagic.ai/rocket-new) - [UXMagic vs Magicpath](https://uxmagic.ai/magicpath) - [UXMagic vs Banani](https://uxmagic.ai/banani) - [UXMagic vs Uxpin](https://uxmagic.ai/uxpin) - [UXMagic vs Paper Design](https://uxmagic.ai/paper-design) - [UXMagic vs Pencil Dev](https://uxmagic.ai/pencil-dev) - [UXMagic vs Magic Patterns](https://uxmagic.ai/magic-patterns) - [UXMagic vs Bolt AI](https://uxmagic.ai/bolt-ai) - [UXMagic vs Subframe](https://uxmagic.ai/subframe) - [UXMagic vs Onlook](https://uxmagic.ai/onlook) - [UXMagic vs UXCanvas AI](https://uxmagic.ai/uxcanvas-ai) - [UXMagic vs Base44](https://uxmagic.ai/base44) - [UXMagic vs Reweb](https://uxmagic.ai/reweb) - [UXMagic vs v0](https://uxmagic.ai/v0) - [UXMagic vs Dora AI](https://uxmagic.ai/dora-ai) - [UXMagic vs Lovable](https://uxmagic.ai/lovable) - [UXMagic vs Readdy AI](https://uxmagic.ai/readdy-ai) - [UXMagic vs Alloy App](https://uxmagic.ai/alloy-app) - [UXMagic vs Visily](https://uxmagic.ai/visily) - [UXMagic vs Same New](https://uxmagic.ai/same-new) - [UXMagic vs Appalchemy](https://uxmagic.ai/appalchemy) - [UXMagic vs Uizard](https://uxmagic.ai/uizard) ## Help center & guides - [Help center](https://uxmagic.ai/help): official product documentation — guides, how-tos, reference and troubleshooting. - [Help center as plain text](https://uxmagic.ai/llms-help.txt): the entire help center as one document, for ingestion. - [Help center as JSON](https://uxmagic.ai/help.json): the same corpus, structured. - [Get started](https://uxmagic.ai/help/getting-started): Everything you need to go from a blank canvas to your first designed screen — and the handful of concepts that make the rest of UXMagic make sense. - [Generate designs](https://uxmagic.ai/help/generate): Six ways to get a screen onto the canvas: a prompt, a screenshot, a sketch, a URL, a Figma file, or a document. - [Design & edit](https://uxmagic.ai/help/design-and-edit): Refine what the AI produced: targeted edits, themes, typography, images, versions and responsive variants. - [Export & handoff](https://uxmagic.ai/help/export-and-handoff): Get your designs out: Figma, HTML/React/Tailwind, GitHub, Framer, Webflow, WordPress, and PDF. - [Publish a live site](https://uxmagic.ai/help/publish): Turn a project into a real website on a uxmagic.io subdomain or your own domain — with previews, rollbacks and unpublishing. - [Share & collaborate](https://uxmagic.ai/help/collaborate): Share projects, invite collaborators, run a team with shared credits, and collect feedback with comments. - [Integrations & developers](https://uxmagic.ai/help/integrations): Connect UXMagic to your IDE, your repo, your CMS and your AI assistant — MCP server, API keys, Figma plugin and GitHub. - [Plans, credits & billing](https://uxmagic.ai/help/account-and-billing): What each action costs, what each plan includes, and how upgrades, invoices, cancellation and referrals work. - [Troubleshooting](https://uxmagic.ai/help/troubleshooting): Fixes for the problems people actually hit: blank screens, missing styles, broken images, failed exports and stuck generations. - [Documentation](https://uxmagic.ai/docs): developer and integration reference. - [How-to guide & video tutorials](https://uxmagic.ai/resources/how-to-guide) - [Contact support](https://uxmagic.ai/support): in-app messenger, or hello@uxmagic.ai. - [MCP server setup](https://uxmagic.ai/mcp): connect Claude, Cursor, VS Code, Windsurf, Codex or Antigravity to a UXMagic project. ## For AI assistants - [AI info](https://uxmagic.ai/ai-info): official structured brief about UXMagic for AI assistants — identity, features, pricing, how usage is metered, trust signals and stated limitations. Also available as [markdown](https://uxmagic.ai/ai-info.md). ## Frequently asked questions ### What is UXMagic.ai and who is it for? UXMagic.ai is an AI UI design generator that turns text prompts, hand-drawn sketches, screenshots, and URLs into high-fidelity, Figma-ready UI designs in seconds. It's used by 50,000+ designers, product managers, and startup teams worldwide to design and ship 10x faster — with no design experience required. ### How does UXMagic.ai speed up the design-to-development workflow? UXMagic eliminates the designer-to-developer handoff friction. Generate multi-screen UI designs from a text prompt, export directly to Figma for refinement, then export clean responsive HTML or React code — all in one flow. No manual coding, no misinterpretations, no back-and-forth ### What can I create with UXMagic? With UXMagic you can generate: full UI designs from text descriptions, editable Figma designs from screenshots or sketches, cloned versions of any website, wireframes, sitemaps, and production-ready HTML or React code. Everything exports to Figma, HTML, React, or Webflow. ### How does UXMagic.ai integrate with Figma? UXMagic integrates with Figma three ways: One-click export from UXMagic to fully editable Figma layers A dedicated Figma plugin that lets you generate UIs inside your existing Figma files, and the ability to import your Figma design system so all AI-generated screens follow your brand's exact typography, colours, and components. ### Is the generated code production-ready? Yes. UXMagic exports modern, responsive HTML and React code that mirrors your Figma-approved design. The code uses clean structure and standard conventions — ready to hand to developers or deploy directly. Backend logic still needs developer implementation, but the frontend foundation is production quality. ### How is UXMagic.ai different from other AI design tools? Unlike Uizard (which focuses on mockups) or Google Stitch (formerly Galileo AI), UXMagic is built for production workflows: it generates real HTML and React code, exports natively to Figma, supports four input types (text, sketch, screenshot, URL), and connects to your existing design system. UXMagic is the only tool that takes you from idea all the way to deployed code. ### Can I use my own brand assets and design systems? Yes. Import your existing Figma components, styles, colour tokens, and brand assets into UXMagic. The AI then generates all new screens using your exact typography, colours, and component library — ensuring brand consistency at scale without any manual adjustment. ### Who owns the designs and code I create on UXMagic? You do — 100%. Every UI design, wireframe, exported code, and asset generated on UXMagic is your intellectual property. There are no licensing restrictions. Use them for any commercial project, client work, or product without limitation. ### How does the credit system work? Credits are used for generative actions like creating new screens or exporting designs. Free Plan: 20 free credits every day, refreshed at midnight UTC — no card required. Paid Plans: no daily limit, and credits reset monthly. Premium gives 960 credits/month (up to 160 screens), Ultimate gives 3,000 credits/month (up to 500 screens). Full breakdown on the Pricing page. ### Is my data and my designs secure on UXMagic? Yes. UXMagic uses encrypted data storage and secure cloud hosting. Your designs, uploaded assets, and account data are private. We follow industry-standard security practices and your data is never used to train external AI models or shared with third parties. ### Can AI actually do UX/UI design? AI can now handle a meaningful part of the process — turning a prompt, sketch, screenshot, or reference URL into a structured, editable interface in seconds. UXMagic doesn't replace design judgment, but it removes the blank-canvas problem: you start from a real, structured layout instead of an empty screen, then apply your own taste, brand, and user research on top. ### What is an AI UX/UI designer? An “AI UX/UI designer” typically refers to a tool like UXMagic that uses AI to generate structured interface designs — wireframes, flows, and high-fidelity screens — from a text prompt, sketch, screenshot, or website URL, rather than a human role. UXMagic is built to work alongside human designers and PMs, not replace the design decisions they make. ### Can I switch between monthly and annual billing? Yes. You can switch anytime from your billing settings. Annual plans offer up to 50% savings compared to monthly billing. ### What is your refund policy? We currently do not offer refunds on subscriptions or credit purchases. We strongly recommend reviewing plan details before purchasing. If you're unsure which plan is right for you, reach out to our team on the support page — we're happy to guide you. ### I was charged unexpectedly. What should I do? Before raising a dispute with your bank or Stripe, please contact us directly at hello@uxmagic.ai. Most billing issues are resolved quickly when you reach out to us first. Filing a dispute may temporarily suspend your account while the case is reviewed. We're here to help, just drop us a message. ### Can I upgrade or downgrade my plan? Yes. You can upgrade or downgrade anytime from your account settings. Upgrades take effect immediately. Downgrades apply from the next billing cycle. ### Can I cancel my subscription? Yes. You can cancel anytime from your billing settings. Once canceled, your plan remains active until the end of your current billing cycle. ### What payment methods do you accept? We accept all major credit and debit cards via Stripe. For enterprise or bulk credit purchases, contact us for custom billing options. ### Do credits expire? Purchased credits do not expire unless specified under a promotional offer. Free or bonus credits may have usage limits. Purchased credits have lifetime validity. Credits included as part of a subscription plan are valid only during the active billing period and expire if the plan is canceled or ends. ### What happens if I run out of credits? You can purchase additional credits anytime from your dashboard. ### How can I contact support? If you have any billing, technical, or account-related questions, contact hello@uxmagic.ai. We typically respond within 24 hours. Please reach out to us before raising payment disputes so we can resolve the issue quickly. ## Plans & pricing ### Free — $0/month 20 free credits every day · up to 3 screens daily - 5 projects - 1 Figma export - Credits refresh daily — no credit card required - UI Design, Wireframe, Flow Mode, Screenshot/Sketch to UI, Style Guide, Export Code, Figma import, Clone a site ### UX Magic Pro — $17.5/month 2,400 monthly credits · up to 400 screens · no daily limit - Unlimited projects - 250 Figma exports - All Free features, unlimited ### Enterprise — Custom pricing Custom credits based on team plan - Everything in Pro, plus team & security features ### Enterprise features (everything in Pro, plus) - Unlimited AI-generated screens - Unlimited team seats - Custom credit allocation - SSO / SAML authentication - Team admin dashboard - Shared design system & component library - Priority support with guaranteed response time - Dedicated onboarding & training session - Custom contract & invoicing - Early access to new features Prices in USD. Paid plans are billed monthly or annually and have no daily credit limit; a free tier is always available with no credit card and refreshes its credits every day. See uxmagic.ai/pricing for current plans. See [the pricing page](https://uxmagic.ai/pricing) for current tiers and to subscribe. ## Company & trust UXMagic Inc. is a US-registered company headquartered at 8 The Green, Ste R, Dover, DE 19901, USA, founded in 2024. UXMagic is rated 4.8/5 from 118 reviews on Trustpilot and 4.7/5 on G2, is listed and reviewed on Capterra, and is used by 50,000+ designers, developers, and product teams worldwide. Official profiles: [G2](https://www.g2.com/products/uxmagic-ai) · [Trustpilot](https://www.trustpilot.com/review/uxmagic.ai) · [Capterra](https://www.capterra.com.sg/software/1104948/UX-Magic-AI) · [LinkedIn](https://www.linkedin.com/company/uxmagicai) · [X](https://x.com/UXMagic_ai) · [YouTube](https://www.youtube.com/@uxmagic_ai) · [Crunchbase](https://www.crunchbase.com/organization/ux-magic-ai)