Back to Plugins
UXMagic: AI UI Generator, Website to Figma & Screenshot to UI

UXMagic: AI UI Generator, Website to Figma & Screenshot to UI

Generate editable Figma designs from prompts, screenshots, websites, sketches, PRDs, & system fast.

prompt to designgeneratorautomationgptdesignwireframingaicomponentsdesign to figmawireframeuxmagic

Plugin Preview

UXMagic: AI UI Generator, Website to Figma & Screenshot to UI 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

Version18
CreatedMay 20, 2024
Last UpdatedMay 28, 2026
Categorydesign-tools-other
CreatorUXMagic.ai
Stats2836 installs, 391 likes
PricingFree

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