0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100

UXMagic

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

by UXMagic.ai

users
39K
likes
397
saves
2.9K
comments
9
FreeWorks inFigma Design
Price
Free
Latest version
v18 · May 28, 2026
First published
May 20, 2024
Publisher
UXMagic.ai
Features

What UXMagic does

Summarised from UXMagic.ai's description on the Figma Community.

  • Who It's For

    • Product Designers

  • Why Teams Choose UXMagic

    • Generate UI 10× Faster – Explore ideas instantly and iterate rapidly.

  • AI UI Generator

    Generate modern web and mobile interfaces from simple prompts.

  • Website to Figma

    Convert websites into editable layouts, sections, and UI components.

  • Screenshot to Editable Design

    Upload screenshots and recreate them as fully editable Figma designs.

  • Sketch to UI

    Transform rough sketches and wireframes into polished product designs.

  • PRD to Design

    Generate screens, states, and user flows directly from product requirement documents.

  • AI Wireframe Generator

    Create low-fidelity wireframes for planning, workshops, and rapid ideation.

  • Manifest

    Uxmagic Design Agent

    A quick action you can run from the Actions menu (Cmd/Ctrl + K).

On this page
Overview

About UXMagic

UXMagic is a free Figma plugin published by UXMagic.ai in 2024. It works in Figma Design and has 38,859 users and 397 likes on the Figma Community. It ranks #19 in Website to Figma on our lists.

In the developer's words

UXMagic: AI UI Generator for Figma

Transform 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 Teams

Why 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 Features

AI UI Generator

Generate modern web and mobile interfaces from simple prompts.

Website to Figma

Convert websites into editable layouts, sections, and UI components.

Screenshot to Editable Design

Upload screenshots and recreate them as fully editable Figma designs.

Sketch to UI

Transform rough sketches and wireframes into polished product designs.

PRD to Design

Generate screens, states, and user flows directly from product requirement documents.

AI Wireframe Generator

Create low-fidelity wireframes for planning, workshops, and rapid ideation.

Design System Integration

Generate interfaces using your own design language, typography, and components.

Multi-Screen Flow Generation

Create onboarding flows, dashboards, authentication experiences, profile pages, checkout flows, settings pages, and more.

Export to Figma

Generate 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 Validation

How It Works

1. 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.

Changelog

What's new

Version 18 · released May 28, 2026

  • 1. Improved export accuracy so generated designs match intended frame sizes more consistently.
  • 2. Fixed frame placement after export to keep results aligned on the canvas.
  • 3. Improved mobile and preset-based dimension handling for more reliable screen outputs.
  • 4. General bug fixes and stability improvements for smoother plugin performance.
Trust

Permissions and privacy

Network access

UXMagic can only connect to the 17 domains declared in its manifest: localhost:3001, localhost:3000, api.uxmagic.ai, uxmagic.ai, *.uxmagic.ai, cdn.tailwindcss.com, cdn.jsdelivr.net, code.iconify.design, api.iconify.design, api.simplesvg.com, api.unisvg.com, fonts.googleapis.com, fonts.gstatic.com, images.unsplash.com, plus.unsplash.com, unsplash.com and uxmagic.blob.core.windows.net.

  • localhost:3001
  • localhost:3000
  • api.uxmagic.ai
  • uxmagic.ai
  • *.uxmagic.ai
  • cdn.tailwindcss.com
  • cdn.jsdelivr.net
  • code.iconify.design
  • api.iconify.design
  • api.simplesvg.com
  • api.unisvg.com
  • fonts.googleapis.com
  • fonts.gstatic.com
  • images.unsplash.com
  • plus.unsplash.com
  • unsplash.com
  • uxmagic.blob.core.windows.net

Extra permissions

None beyond the standard access to the file you run it in.

Read from the plugin's published manifest.

Rankings

Where UXMagic ranks

Compare

UXMagic alternatives

  1. 1

    html.to.design

    by divRIOTS

    2.7M users39KFree + $18/mo upgrade

    Convert any website into fully editable Figma designs

  2. 539K users5.3KFree + paid features

    Export to Sketch, XD, After Effects, PSD, InDesign — or — Import XD, Illustrator, PSD, InDesign, PDF

  3. 3

    PDF to Figma

    by Gautham 🌶

    337K users2.7KFree

    Import a PDF file into Figma as an image

  4. 4

    Codia AI Design

    by Codia.AI

    334K users6.1KFree

    Capture, Transform, Create! Transform Screenshot into Stunning Editable Figma Designs with Ease!

  5. 5

    Web to Figma

    by Web to Figma

    267K users3.5KFree + paid features

    Import any website or HTML code to Figma editable design. Goodbye screenshots.

  6. 6

    pdf.to.design

    by divRIOTS

    245K users2.7KFree

    Convert any PDF document into Figma designs. 100% PRIVATELY.

FAQ

UXMagic FAQ

What does UXMagic do?

Generate editable Figma designs from prompts, screenshots, websites, sketches, PRDs, & system fast. It's a Figma plugin by UXMagic.ai that runs in Figma Design.

Is UXMagic free?

Yes. UXMagic is free to install and run from the Figma Community, with no paid tier listed.

Is UXMagic safe to use?

Figma plugins can only reach the internet through domains listed in their manifest. UXMagic can only connect to the 17 domains declared in its manifest: localhost:3001, localhost:3000, api.uxmagic.ai, uxmagic.ai, *.uxmagic.ai, cdn.tailwindcss.com, cdn.jsdelivr.net, code.iconify.design, api.iconify.design, api.simplesvg.com, api.unisvg.com, fonts.googleapis.com, fonts.gstatic.com, images.unsplash.com, plus.unsplash.com, unsplash.com and uxmagic.blob.core.windows.net. As with any plugin, check the developer's privacy policy before using it on client work.

How do I install UXMagic?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to UXMagic?

By user count, the closest alternatives are html.to.design, Convertify Sketch/Adobe/Google and PDF to Figma. Compare all of them on the best Figma plugins for website to figma.

For developers

Built this plugin?

Use this page as a landing page for UXMagic: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

UXMagic on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/uxmagic/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="UXMagic on figmaplugins.co" width="220" height="48"></a>