UIdraft FAQ

Describe your vision — UIdraft brings it to life
UIdraft is an AI-powered design assistant that helps you create user interfaces with ease. Simply describe what you want in plain language, and UIdraft will generate clean, professional layouts using smart templates and style-aware AI.

Edit like a designer — with full control
What makes UIdraft powerful is its flexibility — the generated content is fully editable. You can freely adjust layouts, colors, text, and images just like working on a traditional design draft, giving you complete creative control.

Work across tools and export with ease
UIdraft works across platforms: you can use it in your browser, through a Chrome extension, or inside Figma via the official plugin. Once you’re happy with the result, you can export assets or code and bring them directly into your own project.

Try for free — with essential features
The free plan lets anyone explore UIdraft with no upfront commitment. You get a monthly allowance of credits, which are deducted only after each successful generation.

Full creative access — with some limits
You can freely create and modify designs, with the same editing freedom as paid users. However, the number of final outputs you can accept is limited by your available credits.

Upgrade for more power
Features like private projects, advanced templates, and larger credit allowances are available with a paid plan.

What is a Credit?
Credits are the currency used in UIdraft to generate results. Whether you’re creating, editing, or refining, credits are only consumed when you confirm and accept a result.

How Credits Work

• Free Plan & Plus Plan: Credits are deducted immediately after each successful generation.
• Pro Plan: A real-time credit estimate is shown during the process. Credits are only deducted once you approve the final result.

Designed for Control and Confidence

• Only pay for what you approve
• No risk, no pressure
• Unlimited previews before accepting
• Don’t like the result? No credits deducted

Example Prompts and Credit Cost

• ”Remove the header section” → 0.1 credits
• ”Generate a login page” → 0.5 credits
• ”Generate a homepage with a hero image and 3 sections” → 1.0 credit

Flexible output — ready for your stack
UIdraft focuses on generating clean, modern UI layouts without locking you into a specific tech stack. It outputs standard HTML/CSS and supports popular frameworks.

Export and adapt — on your terms
You can export your designs into React, Vue, or your preferred front-end setup. For designers, you can also push layouts directly into Figma for further editing.

Freedom-first design
UIdraft emphasizes flexibility — all exported files are yours to adapt, extend, or integrate however you like.

You create it, you own it
Everything you generate with UIdraft — layouts, content, assets — belongs to you. You’re free to download, modify, reuse, or share your designs without restriction.

No lock-in, no fine print
UIdraft does not retain ownership of your work. You control how it’s used, where it goes, and who you share it with.

Yes — seamless collaboration between UIdraft and Figma
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 and teamwork.

Learn by doing — or watching
You can explore tutorials and demos on UIdraft’s website and YouTube channel.

Join the community
Follow X and join Discord for tips and support.

Documentation at your fingertips
The official docs explain credits, integrations, and best practices to get the most out of UIdraft.

Install UIdraft Make from the Figma Community and click “Run”. When prompted, sign in with your UIdraft account to link credits and features. If the plugin shows an authorization error, sign out in the plugin menu and sign in again.

• Token expired: Re‑login in the plugin.
• Missing permissions: Ensure the file allows plugins and you have edit access.
• Result not following styles: Select the right frame/component; make sure text/styles/variables are defined.

You own the outputs you accept. You’re free to download, modify and use them in commercial projects. Imported assets remain subject to their original licenses.