Skip to main content
If your artwork already exists as a Photoshop file, you don’t have to draw it again. Customei reads the file and builds a design template out of it. You keep the things that matter:
  • Your text stays text. You can still change the words, the size, and the font later.
  • Your layers stay separate. A group in Photoshop becomes a group here, so nothing is flattened into one flat picture.
  • Your pictures become swappable. Every picture is saved into a folder of images, so a customer can switch between them later.

Start the import

Go to Design Templates and click Import PSD.
The Design Templates page in Shopify admin with the Import PSD button highlighted in the top right, next to Import from Gallery and Create template.

Design Templates. Import PSD sits next to Create template.

Drag your file onto the box, or click Choose .psd file and pick it.
The Import PSD as template dialog showing a drop area with the words Turn a Photoshop file into a design template and a Choose .psd file button.

Drop a .psd here, or browse for it.

Only .psd files, up to 400MB. If your file is bigger, flatten the layers you don’t need in Photoshop and try again. Reading a big file takes a few seconds and you can cancel while it runs.

Check what’s coming in

Next you see your artwork on the left and its layers on the right. Nothing has been created yet, so take a moment here.
The review step of the PSD import, showing a pet portrait canvas preview on the left and on the right a template name field, size and DPI badges, and a list of layers with checkboxes.

The review step. Your artwork on the left, every layer on the right.

The name and the size

The Template name starts as your file name. Change it to whatever you want to see in your template list. The two grey chips under it are the size and the print quality, both taken straight from your file. There is nothing to set: if you drew at 2400 × 3000 at 300 DPI, that’s what you get.

Tick only what you want to keep

Every layer has a tick box. Untick the ones that are only there to help you design: guide layers, notes to yourself, the scribble you parked off to one side. Customei already unticks the obvious ones for you and says why underneath the layer name: The counter at the top (10/11 layers) tells you how many are ticked.

Groups: keep them or flatten them

Each group gets two controls of its own.
The PSD import review list with the Keep 2 layers and Keep 3 layers dropdowns highlighted, each next to a New library picker.

Every group chooses: keep its layers separate, or flatten it into one picture.

Keep N layers brings each picture in as its own layer. This is what you want for a group of alternatives, like Pet photo holding a dog, a cat and a rabbit. Your customer will be able to pick one. Merge into 1 image flattens the whole group into a single picture. Use it for artwork that is only ever one thing, like a background made of twenty little pieces.
Flattening turns everything inside into pixels, including any words. If there is text in a group you flatten, Customei tells you so and you can switch that group back to keeping its layers to keep the text editable.
The picker next to it says where the pictures go. Every group’s pictures are saved together in one folder of images, and each picture layer is joined to that folder. That’s what lets you (or your customer) swap between them later. Leave it on New library and Customei names the folder after your template and the group, or choose a folder you already have. Pictures that aren’t in any group get their own row at the bottom of the list.

Fonts

Customei looks up every font your file uses and tells you which ones it has.
The Fonts section of the PSD import showing a badge reading 1 of 1 not available, the font name Brandon Grotesque marked Not in your fonts, and a Pick a font button.

A font your account doesn't have. Pick a stand-in, or upload the real file.

Your text comes in either way. If a font is missing, the words are still words you can edit, they just show in a different typeface until you deal with it. Click Pick a font to choose something you do have, or to upload the real font file.

The notes at the bottom

Under the layer list you may see one or two short lines about what Photoshop features survive. In plain terms:

Import it

Click Import layers. Your pictures upload, and the template opens in the editor when it’s done.
The template editor showing the imported Pet Portrait Canvas with a layers panel listing Since 2019, Pet name, a Frame group containing Wide frame and Thin frame, a Pet photo group, and Background.

The finished template. Photoshop groups became layer groups, and every layer has its number.

Notice two things:
  1. Your text is still text. Click Pet name and you can retype it, restyle it, and later let a customer fill it in.
  2. Every layer has a number (#9, #6, #2). Those numbers are how you connect a customer’s answer to a layer. See Connect an option set to a template.
The folders of pictures the import made are waiting in Assets, on the Image tab, named after your template.
The Assets page on the Image tab, with the two newly created libraries Pet Portrait Canvas - Frame and Pet Portrait Canvas - Pet photo highlighted.

One folder per Photoshop group, named after your template.

Add more pictures to one of those folders later and every template using it can offer them. That’s the point of keeping groups as separate layers rather than flattening them. See Options that keep themselves up to date.

Where to next

Add a mockup preview

Show your artwork on a photo of the real product.

Build your options

Write the questions your customers answer.

Connect answers to layers

Point each answer at a layer number.

Layers and arranging

Rename, reorder, and renumber what came in.