Back to Plugins
Uizard

Uizard

Export to Uizard for AI-powered drag & drop editing

product designprototypingui designiterationdesignideationwireframingfigma-to-codeai designaiux designapp design

Plugin Preview

Uizard preview

About this plugin

Currently in Beta


Export your Figma designs to Uizard and continue your project seamlessly within an easy-to-use, drag-and-drop editor.


Advance your design with Uizard’s powerful AI features or work collaboratively with your team in real-time.


  • Generate new screens from text prompts
  • Import screenshots and transform them into editable designs
  • Switch the fidelity of your projects with wireframe mode
  • Handoff your designs in React or CSS code


How to use the Figma to Uizard plugin


  1. Log into Figma and open up a new/existing project.
  2. Open the resources tab in the top navigation bar, or use the ‘shift+I’ shortcut.
  3. Click the ‘plugin’ option, and search for Uizard. Selecting it will open the plugin window in the editor.
  4. Select the elements you want to export to Uizard, and use the copy button in the plugin window.
  5. Manually open a Uizard project in a new tab, and paste the elements into the Uizard editor.

Plugin Details

Version5
CreatedFebruary 22, 2024
Last UpdatedApril 2, 2024
CategoryImport & export plugins
CreatorUizard
Stats3029 installs, 387 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • none