---
title: "Indesign Template Import"
description: "Transform your existing InDesign templates for use in the CE.SDK with our Importer. Preserve design elements and streamline the transition between platforms."
url: "https://img.ly/demos/indesign-template-import/web/"
type: "demo"
demoId: "indesign-template-import"
starterkit: "starterkit-indesign-template-import"
platforms: ["Web"]
tags: ["extensibility","web"]
relatedDemos: ["https://img.ly/demos/design-validation/web/","https://img.ly/demos/psd-template-import/web/","https://img.ly/demos/default-ui/web/","https://img.ly/demos/pptx-template-import/web/"]
webDocumentation: "https://img.ly/docs/cesdk/js/starterkits/indesign-template-import-idml01/"
webGithub: "https://github.com/imgly/starterkit-indesign-template-import-react-web"
webCodeSandbox: "https://stackblitz.com/github/imgly/starterkit-indesign-template-import-react-web"
---

> This is the markdown version of [Indesign Template Import](https://img.ly/demos/indesign-template-import/web/). For all pages in one file, see [llms-full.txt](https://img.ly/llms-full.txt). For an index of all available pages, see [llms.txt](https://img.ly/llms.txt).

---

## Available platforms

**Web** — [Open the demo](https://img.ly/demos/indesign-template-import/web/)
- [Documentation](https://img.ly/docs/cesdk/js/starterkits/indesign-template-import-idml01.md)
- [Source code on GitHub](https://github.com/imgly/starterkit-indesign-template-import-react-web)
- [Try it in StackBlitz](https://stackblitz.com/github/imgly/starterkit-indesign-template-import-react-web)

## InDesign Templates

The InDesign Importer for the CE.SDK allows you to seamlessly integrate InDesign files into the editor while retaining essential design attributes.

**Quickstart:**

- Export your Adobe InDesign as IDML file
- Make sure to embed all images inside the InDesign file

**Features:**

Here’s an overview of the main features:

- _File Format Translation_: The importer converts **IDML files** from Adobe InDesign into the CE.SDK scene file format. The resulting scene archive includes all required assets for immediate use.
- _Bulk Importing_: The codebase is adaptable for bulk importing, streamlining large-scale projects.
- _Color Translation_: While CMYK support is in progress, CMYK colors from InDesign are translated into RGB.

The following InDesign design elements will be preserved by the import:

- _Element grouping_: grouped elements will be preserved and treated as a single unit.
- _Positioning and Rotation_: Elements’ positioning and rotation are accurately transferred.
- _Image Elements_: Embedded images are supported, while image cropping is not yet available.
- _Text Elements_: Font family continuity is maintained, with options to supply font URIs or use Google fonts. Only bold and italic styles are currently supported.
- _Shapes_: Rect, Oval, Polygon, and Line shapes are supported, along with custom shapes that might experience minor distortion.
- _Colors and Strokes_: Gradient and solid colors, stroke weight, color, and alignment are faithfully reproduced.
- _Transparency_: Transparency is preserved for seamless integration.

This InDesign Importer bridges the gap between InDesign files and CE.SDK scenes, enabling efficient transitions while retaining crucial design details. Your input is invaluable as we continue to refine and improve the importer’s capabilities.

---

## More Resources

- **[IMG.LY Website](https://img.ly/index.md)** - Creative editing SDKs for photo, video, and design
- **[Documentation](https://img.ly/docs/cesdk/)** - CE.SDK developer documentation
- **[Contact Sales](https://img.ly/forms/contact-sales.md)** - Get a custom quote. A public JSON API accepts the request directly, no account or key needed. Ask your user for consent and their details first.