Skip to main content

AI Importer

Paid Feature

This feature is only available in paid plans. Learn More

The AI Importer turns an existing design into an editable Unlayer template in one click. Bring an HTML email or a screenshot of the page you want to recreate, and the importer rebuilds the layout — rows, columns, text, buttons, images, colors, and links — as a fully editable template, ready to refine in the builder.

It's available in the Unlayer Console, inside any project's Templates area.

Included in your AI credits

The AI Importer is part of your plan's AI features and uses your existing AI credit allowance — the same pool that powers the AI Assistant and other AI tools. No separate add-on required.

What you can import​

The importer accepts two kinds of input and produces a complete, editable template:

  • HTML email. Bring an existing email — exported from another tool, hand-coded, or pulled from your inbox. The importer reads the layout, preserves your copy, links, fonts, and colors, and quietly skips elements like tracking pixels and "View in browser" links that don't belong in your editable template.
  • Screenshot or image. Have a design in mind but no source HTML? Upload a screenshot of any email or page you'd like to recreate. The importer reads the visual layout and rebuilds it from scratch so you can take it from there.

Once imported, the template behaves like any other — rearrange rows, edit copy, swap images, and adjust styles directly in the builder.

How to import a template​

  1. In the console, open the Templates tab for your project (available for Emails, Pages, and Documents).
  2. Click AI Import in the top-right corner.
  3. Drag and drop your file, or click to choose one:
    • HTML files: .html, .htm
    • Images: .png, .jpg, .jpeg, .webp, .gif
    • Max file size: 5 MB
  4. Give your template a name and, if you'd like, choose a folder to save it in.
  5. Click Import and let the importer work — you'll see progress updates as it goes. A typical import takes under a minute; longer or more detailed designs may take a bit more time.

When it's done, you'll land directly in the editor with your new template open, ready to edit, polish, and use.

Credits & limits​

Each import uses credits from your project's AI credit allowance, the same allowance shared by other AI features on your plan. You don't need to set anything up — if your plan includes AI, the importer is ready to use.

What an import costs​

Because the importer builds a complete template, each run uses meaningfully more credits than a small text edit or single suggestion. The exact amount depends on:

  • How large the source is. Longer emails and denser screenshots take more work to rebuild.
  • Whether you import HTML or an image. Image imports tend to cost a bit more, since the importer reads the design visually.

For your plan's included credits, available credit packs, and pricing details, see the pricing page.

If you run out of credits​

If your project has used up its AI credits for the current period, the importer will let you know before running. From there you can:

  • Wait for your credits to reset at the start of your next billing period.
  • Add a credit pack anytime from Console → Billing → Add-ons to keep going right away.
  • Upgrade your plan for a larger built-in allowance.

If your plan doesn't include AI features at all, the AI Import button won't appear — upgrade your plan to enable AI tools.

Where to see your usage​

All AI activity — imports, the AI Assistant, and other AI features — shows up together in your project's Usage Insights view in the console as a single AI credits total, so you always know where you stand against your allowance.

Help us make it better​

After each import you'll have a chance to rate how the result turned out. Your ratings and comments go straight to our team and directly shape how the importer improves over time — it's the fastest way to flag a layout that didn't quite work, a color that came out off, or something missing entirely.

For broader feedback or recurring quality issues across many templates, reach out to your account manager or Unlayer support.

Tips & things to know​

A few things that help you get the best results:

  • Imports always create a full template. If you'd like to edit just one section of an existing design, the AI Assistant inside the builder is a better fit.
  • 5 MB file limit. If your HTML or screenshot is too large, try compressing the image or removing inline base64 attachments from the HTML.
  • Image imports use placeholders. Since screenshots don't carry the original image files, the importer fills image spots with placeholders — you can swap in your real images right in the editor.
  • Expect small adjustments. Especially with screenshot imports, the importer gets you most of the way there, but final polish — exact colors, spacing, fonts — is best done with a quick pass in the builder.
  • One file at a time. Import templates one at a time. For a larger library, run the importer for each file in turn.

If an import doesn't come out the way you expected, try importing again or with a slightly different source file — and please leave a rating so we can keep improving.

  • Pricing — plans, included AI credits, and credit packs.
  • Templates — organizing, sharing, and managing your templates.