• Libraries
  • Community
  • Pricing
  • Affiliate
  • Resources

Libraries

Community
Pricing
Affiliate

Resources

Follow us on:
Help center
  • 🚀Get started
    • What is UXMagic?
    • Create your first project
    • The canvas, projects and screens
    • Writing a prompt that gets what you want
    • Keyboard shortcuts
    • Your account and profile
  • ✨Generate designs
  • 🎨Design & edit
  • 📦Export & handoff
  • 🌐Publish a live site
  • 🤝Share & collaborate
  • 🔌Integrations & developers
  • 💳Plans, credits & billing
  • 🛠Troubleshooting

Still stuck?

Our team answers from inside the product.

Contact support →
  1. Help center/
  2. Integrations & developers/
  3. The UXMagic Figma plugin

The UXMagic Figma plugin

Generate UI and bring websites and screenshots into Figma without leaving Figma.

Last updated 27 August 2026

On this page

  • Installing
  • What it does
  • Plugin vs the web app
  • Credits

The plugin — UXMagic AI UI Generator (Website to Figma, Screenshot to UI) — puts generation inside Figma, for people whose work already lives there.

Installing#

  1. Open the plugin page on Figma Community.
  2. Click Open in Figma.
  3. Sign in with your UXMagic account when prompted.

What it does#

  • Generate UI from a prompt, straight onto the Figma canvas.
  • Website to Figma — paste a URL and get the page as editable Figma layers.
  • Screenshot to UI — drop in an image and get real layers back.

Everything arrives as proper Figma frames with auto-layout, not as flattened images.

Plugin vs the web app#

  • Plugin — best when Figma is your working surface and you want output there directly.
  • Web app — best for multi-screen projects, themes, versions, publishing and collaboration.

They share your account and your credit balance, so you can move between them.

Credits#

Plugin generations and exports draw on the same balance as the web app. See How credits work.

Was this article helpful?

Related articles

Export to Figma

Send screens to Figma as editable, auto-layout, dev-ready frames.

Import from Figma

Bring an existing Figma frame into UXMagic and keep editing it with AI.

UXMagic MCP server

Connect Claude, Cursor, VS Code, Windsurf, Codex or Antigravity to your UXMagic projects.

← PreviousAPI keysNext →GitHub sync

On this page

  • Installing
  • What it does
  • Plugin vs the web app
  • Credits

your next idea
deserves to exist

stop thinking about it. just type it out. Badly, half- formed, whatever. We'll turn it into something real.

Product

  • Community
  • Pricing Plans
  • Affiliate Program
  • UXMagic MCP
  • Claude MCP
  • AI info

Resources

  • Help Center
  • Figma Library
  • React Library
  • Mobile App Templates
  • Documentation
  • Tutorials

Features

  • Prompt to UI
  • Image to UI
  • Sketch to UI
  • Clone website
  • Import from Figma
  • All Features

Compare

  • vs UX Pilot
  • vs Relume
  • vs MagicPath
  • vs Magic Patterns
  • vs Banani
  • vs Galileo AI
  • All Competitors

Blogs

  • AI in UX Design Workflow: What Actually Works
  • Prompt Templates for SaaS Dashboards
  • Real Prompts We Use to Generate Product Flows
  • Prompt Engineering for UX Designers
  • Best Wireframing Tools in 2026: 10 Free & Pro Options Compared
  • All Blogs

Company & Support

  • Careers
  • Contact Us
  • Privacy Policy
  • Terms of Use
  • Cookie Settings

© 2026 UXMagic AI Technologies Inc.