Guide

How to convert HTML/CSS into an editable InDesign file

Last updated June 2026 · by Kelly Fraser, maker of idmly

Yes — you can convert an HTML/CSS design into a native, fully editable Adobe InDesign file (.idml). The reliable way is idmly: drop in a self-contained HTML file and get back real text frames, named paragraph styles, and charts redrawn as editable vector objects. It is not a flattened PDF and not a screenshot — every frame reflows and every style stays editable.

The first two pages of any file convert free, with no signup. A one-time $49 license unlocks unlimited full-document conversions.

If you design reports, decks or one-pagers in an AI tool or in the browser, you keep hitting the same wall: the layout looks finished, but your client needs it in InDesign — and getting it there has always meant rebuilding it by hand. Box by box, font by font. Here is every way to make that jump, and which one actually keeps your file editable.

The methods, compared

There are four real ways to get an HTML/CSS design into InDesign. Only one gives you back a file you can keep working in without redoing the layout.

HTML/CSS → InDesign: every method compared
Method	What you get	Editable in InDesign?	Fonts & styles	Time per design	Cost
Rebuild by hand	A faithful InDesign file — if you have the hours	Fully editable	Set up manually, one by one	Hours per deliverable	Your time, every time
Place a PDF	The design as a single flat, placed graphic	No — it is one locked image	Baked in, not editable	Minutes	Free
PDF-to-InDesign plugins	An editable file, often as many fragmented frames	Partly — typically needs heavy cleanup	Often substituted or split	Convert + cleanup	Paid plugin / subscription
idmly	A native `.idml` built directly from your layout	Fully editable, clean structure	Real named styles, fonts bound by name	Usually under 30 seconds	$49 once, lifetime

Placing a PDF gives you a picture of your design, not the design. PDF-to-InDesign plugins (such as Markzware PDF2DTP or Recosoft PDF2ID) can recover editable elements, but because they work backwards from a flattened PDF they often arrive as dozens of small frames with substituted fonts that take real time to tidy. idmly skips the PDF entirely and builds the InDesign document straight from your rendered layout.

How to convert HTML/CSS to InDesign with idmly

Export your design as a self-contained HTML fileFrom your AI design tool or code editor, save a single .html file. If it opens in your browser and looks like your design, it is ready. Tailwind, Bootstrap and plain CSS all work — idmly reads the rendered layout, not your stylesheet.
Drop it into idmlyUpload the file at idmly.com. The first two pages convert free — no signup, no card. idmly renders the file in a real browser and builds native InDesign markup: fonts bound, paragraph styles named, charts redrawn as editable vectors. Usually under thirty seconds.
Open the .idml in InDesignDownload the .idml (designs with images arrive as a zip — keep the Links folder beside the file) and open it in Adobe InDesign, or in Affinity Publisher. Every text frame, style and chart is editable. No rebuild.

What actually lands in the file

The point of converting instead of placing is that you get a real, structured document — not a picture of one.

→Correct fonts, bound by name. No silent Minion substitution.
→Real named paragraph and character styles, not loose local overrides.
→Charts and tables as native, editable vector objects.
→Editable text frames you can reflow and restyle.
→Exact page geometry — it opens clean, at the right size.
→Images placed and linked, in a Links folder beside the .idml.

The cost of doing it by hand

Rebuilding an AI-generated layout in InDesign is the quiet tax on modern design work — and you pay it on every single deliverable.

~30s

Typical idmly conversion, vs hours rebuilding the same layout by hand.

$19,500

A year of the hand-rebuild tax at 5 hrs/week and $75/hr — see the live calculator on the home page.

$49

idmly, once. Lifetime license, unlimited conversions, up to 10 devices.

Frequently asked questions

Can you convert HTML/CSS to InDesign?

Yes. idmly converts a self-contained HTML/CSS design into a native, fully editable Adobe InDesign (.idml) file — real text frames, named paragraph styles, and editable vector charts. It is not a PDF and not a screenshot.

Is there a tool to turn an AI-generated or web design into an editable InDesign file?

Yes — idmly. Export your design from any AI tool or code editor as a self-contained HTML file, drop it into idmly, and get back a native .idml that opens straight in InDesign with everything editable.

How do I get a Figma, Canva or AI-tool design into InDesign?

Export it as a self-contained HTML file, then convert that file with idmly. idmly reads the rendered browser layout, so it does not matter which tool produced the HTML.

Does idmly work with Tailwind, Bootstrap or other CSS frameworks?

Yes — any of them. idmly renders your file in a real browser and reads the computed layout; it never parses your CSS. If Chrome can render it, idmly can convert it.

Is the converted file just a flattened PDF?

No. There is no PDF anywhere in the chain. idmly builds the InDesign file directly, so every frame reflows, every style is editable, and charts can be recoloured.

Stop rebuilding AI layouts by hand.

Drop your design in and watch the first two pages come back as a real, editable InDesign file — free.

Try it on your file — free → $49 lifetime license