Skip to main content
A custom component is a saved bundle of layers you can drop into any template with a single click. Think of it as a “smart clipart”: a pre-built mini-design — a logo lockup, a badge, a monogram frame — that carries its own layers, styling, and binding hints.

​
Why custom components?

  • Reuse a signature design across many templates (e.g. your brand lockup).
  • Standardize the way your team builds common elements like product badges.
  • Speed up setup — drop a pre-built monogram frame and skip ten minutes of layer wrangling.
Custom components differ from clipart in that they can contain multiple layers — text, images, shapes, even pre-defined bindings — not just a single raster asset.

​
Create a custom component

1

Build the composition in a template

Make it how you want it. This might be a group of text + shape + image layers.
2

Select the layers you want to save

Marquee-select or Shift+click to pick the layers.
3

Pick Save as component from the right-click menu

Customei prompts for a name and an optional tag.
4

Confirm

The component is added to your library, available from the Add → Custom components tab in every template.

​
Insert a custom component

1

Open the Custom components tab

From the Add panel in the left sidebar.
2

Click the component

Customei drops a copy onto the current canvas at a sensible position.
3

Edit as needed

The dropped copy is a normal group of layers — ungroup if you need to tweak individual pieces, or keep it grouped to move as one.
Because the inserted copy is a plain group of layers, edits on one template don’t affect the saved component. If you want to update the component itself, edit one instance then save it again (Customei asks whether to update the existing component or create a new one).

​
Managing components

From the Add panel’s Custom components tab you can:
  • Rename a component.
  • Retag it to reorganize.
  • Delete a component from the library (existing inserted copies are untouched).

​
Pre-defined bindings

When you save a component, Customei captures any bindings on its layers. If your component contains a text layer bound to “Customer name” in the original option set, the inserted copy in a new template will try to bind to a text field of the same name on the new option set. If no matching field exists, the binding is left empty for you to wire up. This is useful for shipping “ready-to-use” components to your team — they drop the component, add a same-named field to the option set, and the binding lights up automatically.

​
Next