Designer features (left sidebar)

Designer features (left sidebar)

Overview

Features are the tools customers use inside the full-screen editor — adding text, clipart, shapes, uploads, and more. You turn them on and configure them from the left sidebar of Calculator Editor → Step 5 (Designer). Each feature is a draggable card; click a card to open its secondary panel with that feature's settings. Reorder cards with the up/down arrows — that order is the customer-visible order in the storefront sidebar.

Feature tab names (Text, Clipart, Crop, and so on) are built-in system strings — translate them in Optional Features → Languages, not from the feature panel. See Product Designer Translations.

Feature reference

Feature What customers do Settings
Text Add and edit text on the design Default font, size, and color; which fonts customers can choose. See Managing clipart and fonts.
Clipart Add graphics from the catalog or your shop library Visible standard categories; show search; Choose clipart to exclude…; Manage clipart library. See Managing clipart and fonts.
Image Upload Upload extra images onto the design Accepted file types, max size, "Open edit tools on upload" toggle, drop zone / browse / Add Mask labels
Shapes Add vector shapes Which shapes to expose (rectangle, circle, ellipse, line, arrow, star, polygon)
Frames Add borders, shadows, and masks Borders and drop-shadow toggles; shape-clip masks (circle, rounded, rectangle, custom PNG upload)
Draw Freehand and annotation tools Which tools to expose (pointer, freehand, arrow, line, callout, eraser, redact/blur box)
Layers Reorder, hide, and delete elements No extra settings — customers manage stacking, visibility, and deletion from this tab. In Image Edit, Change background (photo or solid color) is available here when Layers is enabled.
Crop Reframe the artboard or upload Aspect presets (landscape, portrait, custom ratios), default aspect, orientation toggle
Finetune Adjust the selected image Which sliders to expose (brightness, contrast, blur, HSL)
Filter Apply preset looks to an image Which preset looks to expose — storefront previews use the customer's image

Feature availability by mode

Most features work in both editor modes. A few differ:

  • Crop is available in both modes, but in Designer mode you add it from the feature list — it is off by default in new Designer configurations.
  • Finetune and Filter are always on in Image Edit and optional in Designer.
  • Canvas bindings are Designer-only. See Canvas Bindings. When Front / Back is enabled, bindings are configured per side.
  • Allow AI background removal is a gear setting (not a left-sidebar feature). See AI background removal.

Paste a URL into the Logo field in the left sidebar. The logo appears in the editor's top-left corner on the storefront.

Examples

  • Sticker designer — Enable Text, Clipart, Image Upload, Shapes, and Layers. Reorder so Text is first since most customers start by adding a name.
  • Photo annotation — Enable Draw and Text only, so customers mark up a reference photo without adding unrelated graphics.

    • Related Articles

    • Product Designer

      Overview The Product Designer adds a full-screen design editor to your calculator. Customers open it from a styled button on the product page, work on a dedicated artboard, and save proof and production files before add to cart. This is separate from ...

    • Configuring Step 5 (Designer)

      Overview Step 5 — Designer appears in the calculator wizard once you've added a Product Designer option in Step 2 — Options & Pricing. (When no Product Designer option exists, this step is hidden.) Clicking it opens a full-screen workspace that ...

    • Product Designer Translations

      Overview Product Designer text falls into two groups. Built-in editor strings cover standard UI customers see throughout the editor — feature tab names, toolbar tools, zoom controls, layer buttons, modals, and similar chrome. Your designer labels are ...

    • How customers use the Product Designer (storefront)

      Overview When a customer clicks your Product Designer button, a full-screen editor opens with their current calculator option values applied (artboard size, background, bound product image, and so on). This page walks through the customer experience ...

    • AI background removal

      Overview When enabled, a Remove background button appears in the selection toolbar whenever a customer selects a single image in the Product Designer or Image Edit editor. AI cuts out the subject and makes the background transparent. The result is ...