Guide

How to get a ChatGPT-generated design into InDesign

Q: Can I convert a ChatGPT design into InDesign?

Yes. Save the HTML ChatGPT produced as a self-contained .html file and drop it into idmly. You get back a native .idml with real text frames, named paragraph styles and editable vector charts, not a flattened PDF.

Q: Why doesn't my chatgpt.com share link convert?

A chatgpt.com link opens the conversation or canvas inside the ChatGPT app, not the raw design file, so nothing can fetch the HTML from it. idmly refuses the link instantly and tells you to save the .html and use the File tab.

Q: Does the CSS framework matter?

No. idmly renders the file in a real browser and reads the computed layout, so Tailwind from a CDN, Bootstrap or plain CSS all convert the same way. If Chrome can render it, idmly can convert it.

Q: Is the result editable, or a flattened picture?

Fully editable. There is no PDF in the chain: idmly builds the InDesign document directly, so every frame reflows, every style is named, fonts are bound by name, and charts are native vectors you can recolour.

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

Yes. Have ChatGPT write the design as a single self-contained .html file, save it, and drop it into idmly — you get back a native, editable Adobe InDesign (.idml) file with real text frames, named paragraph styles and editable vector charts. No PDF, no screenshot, no rebuilding by hand.

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

ChatGPT will happily design a report, a pitch deck or a one-pager. What it can't do is hand you an InDesign file: it has no way to write a working .indd or .idml, and a screenshot or PDF of the result is a locked picture. The design it can produce faithfully is HTML. That's the handoff idmly is built for.

How to get a ChatGPT design into InDesign

Ask ChatGPT for one self-contained .html fileAll CSS in a <style> tag, images embedded as base64 or public https URLs, and each page wrapped in a <div class="page"> at a fixed size. One file, nothing external. The prompt below does it.
Save itCopy the code into a text editor and save as design.html, or download it from the ChatGPT canvas. Open it in your browser: if it looks like your design, it's ready. A chatgpt.com share link won't work — it opens the app, not the file.
Drop it into idmly, open the .idmlUpload it on the File tab. First two pages free, no card. Download the .idml (a zip if the design has images — keep the Links folder beside it) and open it in Adobe InDesign or Affinity Publisher.

The prompt that produces a clean file

"Give me this design as a single self-contained HTML file. Put all CSS in one <style> tag in the head, no external stylesheets or scripts except a Google Fonts link. Wrap each page in <div class="page"> sized 816×1056px (US Letter) with overflow:hidden, and use absolute or flex positioning so nothing reflows. Embed images as base64 or use public https URLs. Build charts and tables as real HTML elements or inline SVG, not images. Output the complete file so I can save it as design.html."

Swap the page size for A4 (794×1123px) or a slide (1920×1080px) as needed. The point is fixed, page-sized containers: idmly then emits one InDesign page per container, at that size, with everything positioned exactly where the browser drew it.

Why ChatGPT share links don't convert

A chatgpt.com link (a shared chat, a canvas) opens the conversation inside the ChatGPT app, behind a login. There's no raw HTML file at that address for any converter to fetch. Paste one into idmly's URL tab and it tells you so immediately, with the fix: save the .html and use the File tab. The saved file is the same design, so the result is identical.

What converts well, and what to fix first

Common ChatGPT output patterns and how idmly handles them
ChatGPT gave you	idmly does	Tip
Fixed-size `.page` containers	One InDesign page per container, exact geometry	This is the ideal input — ask for it up front
One long scrolling page	Converts as one tall frame	Ask ChatGPT to re-wrap the content in page containers
Tailwind via CDN, Bootstrap, plain CSS	Converts identically — idmly reads the rendered layout, not the CSS	Nothing to change
Charts as HTML/CSS bars or inline SVG	Native, editable InDesign vectors	Ask for inline SVG rather than a chart image
Images as `file://` paths or placeholders	Frames are placed; missing images are reported	Embed as base64 or use public https URLs
A `chatgpt.com` share link	Refused instantly with the fix	Save the `.html`, use the File tab

Why not just export a PDF from the browser?

Because a PDF placed in InDesign is a single locked picture, and PDF-to-InDesign converters have to guess the structure back out of it: text breaks into fragments, fonts get substituted, charts flatten to outlines. idmly skips the PDF entirely. It renders ChatGPT's HTML in a real browser and writes InDesign's own format directly, so the paragraph styles, the fonts and the charts arrive as the editable objects they were. The placed-PDF guide goes into why.

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 ChatGPT create an InDesign file?

Not reliably. ChatGPT can describe a layout or write HTML, but it can't produce a working .indd or .idml. The reliable route is to have ChatGPT write the design as HTML, then convert that HTML into a native, editable InDesign file with idmly.

Can I convert a ChatGPT design into InDesign?

Yes. Save the HTML ChatGPT produced as a self-contained .html file and drop it into idmly. You get back a native .idml with real text frames, named paragraph styles and editable vector charts — not a flattened PDF.

Why doesn't my chatgpt.com share link convert?

A chatgpt.com link opens the conversation or canvas inside the ChatGPT app, not the raw design file, so nothing can fetch the HTML from it. idmly refuses the link instantly and tells you to save the .html and use the File tab.

Does the CSS framework matter?

No. idmly renders the file in a real browser and reads the computed layout, so Tailwind from a CDN, Bootstrap or plain CSS all convert the same way. If Chrome can render it, idmly can convert it.

My ChatGPT design is one long page. Will it convert?

Yes, as one tall frame. For a multi-page InDesign document, ask ChatGPT to wrap each page in a container with class="page" at a fixed size, and idmly emits one InDesign page per container.

Is the result editable, or a flattened picture?

Fully editable. There's no PDF in the chain: idmly builds the InDesign document directly, so every frame reflows, every style is named, fonts are bound by name, and charts are native vectors you can recolour.

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