How to convert an AI-generated design into InDesign
Last updated June 2026 · by Kelly Fraser, maker of idmly
Yes. AI design tools hand you an HTML file, and idmly converts that straight into a native, editable Adobe InDesign (.idml) file — real text frames, named paragraph styles, and charts as editable vectors. No PDF, no screenshot, no rebuilding the layout by hand. This is exactly what idmly was built for.
The first two pages of any file convert free, no signup. A one-time $49 license unlocks unlimited full-document conversions.
AI builds gorgeous layouts now. Reports, decks, one-pagers, finished in minutes. Then a client asks for the editable InDesign file, and the whole thing stalls, because the design lives as HTML and InDesign doesn't open HTML. The gap between the two has always been filled by hand. It doesn't have to be.
Why AI layouts get stuck outside InDesign
When an AI tool designs something, it outputs HTML and CSS, the language of the browser. InDesign is a print tool that speaks its own format. There's no shared door between them, so the design that took minutes to generate takes hours to rebuild in InDesign. idmly is that missing door: it turns the AI's HTML into a real InDesign document.
How to convert an AI-generated design to InDesign
- Save the AI design as a self-contained HTML fileMost AI design tools export, or let you save, a single
.htmlfile. If it opens in your browser and looks like your design, it's ready. - Drop it into idmlyUpload it at idmly.com. The first two pages convert free, no card. idmly renders the file in a real browser and builds native InDesign markup: fonts bound, styles named, charts redrawn as editable vectors. Usually under thirty seconds.
- Open the .idml in InDesignDownload the
.idml(designs with images come as a zip, keep the Links folder beside it) and open it in Adobe InDesign or Affinity Publisher. Everything's editable.
Works with whatever your AI tool outputs
idmly renders your file in a real browser and reads the computed layout. It never parses your CSS, so the framework doesn't matter: Tailwind from a CDN, compiled styles, Bootstrap, plain CSS. If Chrome can render it, idmly can convert it. Images can be base64 or any https URL, and remote images are pulled into a Links folder, properly linked for InDesign.
Which AI tools does idmly work with?
idmly reads the rendered layout, not the tool that made it, so it converts the HTML output of every AI design tool the same way: Claude (artifacts and Claude-built pages), ChatGPT and GPT canvas, v0, Lovable, Bolt, Gemini, Figma Make, and plain hand-written HTML alike. If it saves as a self-contained .html that opens in a browser, idmly converts it.
One thing to clear up: "AI design" here means an AI-generated layout, not Adobe Illustrator. For an Illustrator .ai file you'd use File > Place in InDesign; idmly is for the HTML that tools like Claude and ChatGPT hand you.
idmly vs the "Claude → InDesign" MCP connectors
Search "Claude to InDesign" and you'll mostly find MCP connectors — Sidekick, Duet, Adobe's own Claude connector. Those solve a different problem: they let an AI operate InDesign live, placing frames and running scripts by remote-controlling the app. idmly works the other end — it takes the finished design your AI already made and turns that HTML into an editable .idml file. They're complementary: generate in Claude, convert the result with idmly, then fine-tune in InDesign.
| Approach | What it does | You get back | Best when |
|---|---|---|---|
| idmly | Converts the AI's finished HTML design into native InDesign markup | An editable .idml — real text, named styles, editable charts |
You have the design and need the editable InDesign file |
| MCP connector (Sidekick / Duet / Adobe) |
Lets the AI control InDesign to build or edit it live, by prompt | Whatever the AI builds inside InDesign, step by step | Driving InDesign hands-free, not converting an existing design |
| Copy-paste / Place | Pastes raw text, or places the design as one flat image | Loose text or a locked picture — the layout is gone | Grabbing a paragraph, not a whole layout |
| Rebuild by hand | Recreate the layout manually, frame by frame | A faithful file, after hours of work | When you have the time to spare |
What lands in the file
- →Correct fonts, bound by name. No silent Minion substitution.
- →Real named paragraph and character styles, not loose overrides.
- →Charts and tables as native, editable vector objects.
- →Editable text frames you can reflow.
- →Exact page geometry. It opens clean.
Frequently asked questions
Can I convert a Claude or ChatGPT design into InDesign?
.idml with real text frames, named styles and editable charts. It doesn't matter which AI tool produced the HTML.Does idmly work with any AI design tool?
Is the result a flattened PDF or a screenshot?
Do I have to rebuild the layout by hand?
.idml so you skip the manual rebuild entirely.Is "Claude design to InDesign" the same as the Claude InDesign MCP connector?
.idml file. Many people use both — generate in Claude, convert with idmly, then refine in InDesign.Does "AI design" mean an Adobe Illustrator (.ai) file?
.ai file, use File > Place in InDesign instead; idmly converts the HTML, not .ai artwork.Which AI tools can idmly convert from?
Stop rebuilding AI layouts by hand.
Drop your AI design in and watch the first two pages come back as a real, editable InDesign file, free.