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

> This is the markdown version of [Photoshop Template Import](https://img.ly/demos/psd-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/psd-template-import/web/)
- [Documentation](https://img.ly/docs/cesdk/js/starterkits/psd-template-import-psd001.md)
- [Source code on GitHub](https://github.com/imgly/starterkit-psd-template-import-react-web)
- [Try it in StackBlitz](https://stackblitz.com/github/imgly/starterkit-psd-template-import-react-web)

## Photoshop Template Import

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

### **Quickstart:**

- Save your Adobe Photoshop File as regular PSD file
- Import your file into the Creative Editor

### **Features:**

The main features include:

- **File Format Translation:** The importer converts **.PSD files** from Adobe Photoshop into the CE.SDK scene archive 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.

### **Design Elements:**

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

- **Positioning and Rotation**: Elements’ positioning and rotation are accurately transferred.
- **Image Elements**: Images are embedded into the scene.
- **Text Elements**: Font family continuity is maintained, with options to supply font URIs or use Google fonts.
- **Shapes**: Rect, Oval, Polygon, and Line shapes are supported, along with custom shapes that might experience minor distortion. Vector shapes with a single path retain it’s ability to assign colors or gradients. Vector shapes with more than one path are added as SVG.
- **Colors and Strokes**: Gradient and solid colors, stroke weight, color, and alignment are faithfully reproduced.
- **Transparency**: Transparency is preserved for seamless integration.

Your input is invaluable as we continue to refine and improve the importer’s capabilities. If you run into any issues, please let us know by sending an email to [support@img.ly](mailto:support@img.ly) and include example .PSD files.

---

## 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.