UXMagic: AI UI Generator, Website to Figma & Screenshot to UI
Generate editable Figma designs from prompts, screenshots, websites, sketches, PRDs, & system fast.
Plugin Preview
About this plugin
UXMagic: AI UI Generator for FigmaTransform ideas into beautiful, editable Figma designs with AI.UXMagic helps designers, product teams, founders, agencies, and developers generate complete user interfaces from prompts, screenshots, websites, sketches, PRDs, and design systems. Create wireframes, polished UI screens, and multi-screen product flows in minutes instead of days.Whether you're brainstorming a new product, redesigning an existing website, building an MVP, or exploring multiple design directions, UXMagic accelerates your workflow from concept to production-ready design.Who It's For• Product Designers• UI/UX Designers• Product Managers• Startup Founders• Design Agencies• Developers• Marketing TeamsWhy Teams Choose UXMagic• Generate UI 10× Faster – Explore ideas instantly and iterate rapidly.• Prompt to UI – Generate complete web and mobile interfaces from text descriptions.• Website to Figma – Convert websites into editable Figma designs.• Screenshot to UI – Recreate screenshots as structured, editable designs.• Sketch to Design – Transform hand-drawn wireframes into polished interfaces.• PRD to UI – Generate screens and user flows directly from product requirements.• Design System Aware – Generate designs aligned with your components and brand styles.• Multi-Screen Flows – Create complete onboarding, dashboard, checkout, and product journeys.• Figma Ready – Continue editing and collaborating directly in Figma.Key FeaturesAI UI GeneratorGenerate modern web and mobile interfaces from simple prompts.Website to FigmaConvert websites into editable layouts, sections, and UI components.Screenshot to Editable DesignUpload screenshots and recreate them as fully editable Figma designs.Sketch to UITransform rough sketches and wireframes into polished product designs.PRD to DesignGenerate screens, states, and user flows directly from product requirement documents.AI Wireframe GeneratorCreate low-fidelity wireframes for planning, workshops, and rapid ideation.Design System IntegrationGenerate interfaces using your own design language, typography, and components.Multi-Screen Flow GenerationCreate onboarding flows, dashboards, authentication experiences, profile pages, checkout flows, settings pages, and more.Export to FigmaGenerate editable designs that fit naturally into your existing workflow.Popular Use Cases• Website Cloning• SaaS Dashboard Design• Mobile App Design• Landing Page Design• Website Redesign• MVP Design• E-commerce Interfaces• Admin Dashboards• Design System Exploration• User Flow Generation• Rapid Prototyping• Client Presentations• Product Concept ValidationHow It Works1. Start with anything. Use a prompt, screenshot, website URL, sketch, PRD, or design system.2. Generate instantly. Create wireframes, screens, components, and complete user flows using AI.3. Edit and ship. Continue refining your designs directly inside Figma.Tutorials & Guides• Agent Mode → https://youtu.be/lLlQ3XUL7aU• Prompt to UI Design → https://youtu.be/eCO-CjknCoI• Website to Figma → https://youtu.be/YtQuvn7jrPY• Screenshot to UI → https://youtu.be/91be_BkhLaU• Sketch to UI → https://youtu.be/cbWV0OMSbfE• Import Figma Design → https://youtu.be/K8cGGIv-Sj8• Multi-Screen Flow Generation → https://youtu.be/wWu01sdi4hM• Export to Figma → https://youtu.be/0kql50_yhOEResources• Product Website → https://uxmagic.ai• Support → [email protected] Smarter with AIUXMagic combines AI UI generation, website cloning, screenshot-to-design conversion, wireframe generation, PRD analysis, and design system integration into a single workflow.Go from idea to editable Figma designs in minutes, not days.
Plugin Details
| Version | 18 |
|---|---|
| Created | May 20, 2024 |
| Last Updated | May 28, 2026 |
| Category | design-tools-other |
| Creator | UXMagic.ai |
| Stats | 2836 installs, 391 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/src/ui.html
- main:dist/main.js
- Document Access:dynamic-page
- Network Access:
The plugin needs network access for the Uxmagic API, HTML-to-canvas rendering (Tailwind, jsDelivr, fonts, Iconify), and remote images (Unsplash).
- Editor Types:figma
- Allowed Domains:
- http://localhost:3000
- http://localhost:3001
- https://*.uxmagic.ai
- https://api.iconify.design
- https://api.simplesvg.com
- https://api.unisvg.com
- https://api.uxmagic.ai
- https://cdn.jsdelivr.net
- https://cdn.tailwindcss.com
- https://code.iconify.design
- https://fonts.googleapis.com
- https://fonts.gstatic.com
- https://images.unsplash.com
- https://plus.unsplash.com
- https://unsplash.com
- https://uxmagic.ai
- https://uxmagic.blob.core.windows.net
More Like This
Discover other plugins in the design-tools-other category.