Back to Plugins
Export Figma File To UIdraft

Export Figma File To UIdraft

One Workflow, From Figma to AI-Enhanced Design

previewmaterialdesignerdevelopercode

Plugin Preview

Export Figma File To UIdraft preview

About this plugin

Accessing Official Website: https://uidraft.ai/, to enjoy the other fancy features of UIdraft AI


🧩 Plugin Overview

UIdraft integrates smoothly with Figma through its official plugin . You can import your existing Figma design files into UIdraft and use AI-powered tools to optimize, refine, or rework your layouts. Likewise, any file created in UIdraft — whether generated by AI or built manually — can be exported back to Figma for further editing, detailed adjustments, and collaborative teamwork.


🚀 How to Use

  1. Select the desired frames or layers in your Figma file.
  2. Launch the plugin from the Figma plugins menu.
  3. Preview your selection in real time within the plugin interface.
  4. Click the upload button to upload your design to UIdraft.
  5. After upload, visit the UIdraft platform to continue editing and refining your design.


⚠️ Operational Constraints

  1. Backgrounds using Figma's CROP fill mode might display unexpected aspect ratios
  2. Complex boolean operations may simplify during web preview rendering
  3. Any layer with rotation ≠0° may render with unexpected alignment.


Contact us

Discord · X · TikTok · YouTube · Instagram

Plugin Details

Version6
CreatedMarch 1, 2025
Last UpdatedAugust 12, 2025
CategorySoftware development
Creatoruxarts.ai
Stats11 installs, 4 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/app.html
  • main:dist/plugin.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://*.google.com
    • https://*.mixpanel.com
    • https://*.qiniup.com
    • https://*.yzcdn.cn
    • https://home.ucdarts.com