Design Studio
Build product templates on the canvas: text, images, layers, fonts, effects, and personalization fields.
Start here12
- Tour the Design Studio canvasGet to know the Design Studio layout: the left icon rail, the canvas, the top bar, the floating toolbar, and the zoom controls.
- Add and style textAdd text, set its font, color and spacing, and use auto-fit with tested length limits for longer entries.
- Add images and photosPlace an image on the canvas from your media library or by uploading a file, then crop it and apply adjustments and effects.
- Add graphics, icons, emojis, and backgroundsOpen the Graphics panel to add shapes, search 250,000+ icons, drop in emojis or background patterns, and use your brand uploads.
- Add shapes and linesAdd rectangles, circles, lines, arrows, polygons, and stars, then set their fill, stroke, corners, and points.
- Choose a typeface for textSelect a text layer, open Typeface, search the available fonts, and confirm that the design still fits after the font changes.
- Set colors and fillsChange the fill and stroke of any element, set the canvas background to white, transparent, or a custom color, and recolor multi-part graphics.
- Work with layers, groups, and stacking orderUse the Layers panel to select, rename, hide, lock, reorder, group, and isolate elements, and to change what sits in front or behind.
- Keyboard shortcuts, undo, snapping, and guidesUse keyboard shortcuts, step through recent design history, and toggle editing guides in File › View.
- Save and reuse design templatesSave the current design as a reusable template and apply any saved template to start a new design from a proven layout.
- Preview the customer experienceOpen the customer preview from the Design Studio's customer form dock and check current editor changes with desktop and mobile form controls.
- Use the media libraryUpload, find, and organize the images, fonts, vectors, and colors you reuse in Composerie.
Going further8
- Let customers pick a graphicUse Clipart for customer image choices: select or upload artwork, name and order the choices, set a default, and optionally offer no image.
- Apply text effects: shadow, outline, glow, curve, and moreUse the Effects tab to add a shadow, outline, glow, splice, background, echo, 3D depth, glitch, curve, or warp to text.
- Adjust photos and apply image effectsUse the Adjustments drawer for exposure, contrast, and color, and the Effects stack for filters like black and white, blur, borders, remove background, and more.
- Align, distribute, and tidy objectsSelect two or more elements to align their edges or centers, distribute them evenly with optional custom spacing, tidy a row or column, and flip an element.
- Make fields customers can editTurn an element into a personalization field so shoppers can change its text, photo, color, dropdown, and more, then set its label, default, and limits.
- Lay out the customizer form and preview itChoose One page or Steps, configure its structure, reorder fields, and try the form in the editor dock.
- Manage a product's sides and sizesSwitch between a product's sides or sizes, copy a design from one side to another, keep sizes following the main size, and set dimensions and background.
- The AI styles you can offerSixteen built-in styles in four families, two effects that actually reach the Effects tab, and the one thing every style has in common: the person stays recognisable.