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.