Customize Elements

Use the Design panel and canvas toolbar to change position, size, tilt, opacity, colors, effects and layer order for any element.

Written By Andrei Terteci

Last updated 7 days ago

Select anything on the canvas and the Design tab in the left side panel turns into that element's control center. This article covers the controls that are shared across element types. Text, images, shapes and QR codes each add their own sections on top.

Selecting

Click an element, or press Tab / Shift + Tab to cycle through elements. The panel header shows the element type and its current size. Press Esc or click empty canvas to deselect.

Panel sections

Sections open one at a time so the panel stays short:

  • Typography (text, counters, captions): font, style, size, alignment, color, letter spacing.

  • QR Code (QR codes): value, colors, transparency, error correction.

  • Layout: exact position, size (width and height for images, shapes and emojis), and tilt in degrees.

  • Effects: the presets grid, described below.

  • Appearance: opacity from 0 to 100%.

  • Media (video elements): volume, speed, loop and trim.

  • Alignment: Center H and Center V buttons to center the element on the canvas.

Effects

Every effect is a preset with a live preview tile, so you can see the result before you click:

  • Shadow: soft, hard drop, long, inner, colored, floating, close.

  • Glow: neon, soft, inner, pulse.

  • Blur (images): soft, motion X, motion Y, radial.

  • Glass (shapes and text pills): liquid, frosted, clear, tinted, dark, chromatic.

  • Text: outline, stroke only, highlight marker, gradient fill, punch-out.

  • Fill (shapes and icons): gradient, radial gradient, mesh fill, dotted.

  • Image filters: duotone, vintage, grain, blur background only, high-contrast B&W, cinematic, plus vignette, chromatic aberration, pixelate, halftone, scanlines and film grain with intensity sliders.

  • Blend mode: normal, multiply, screen, overlay, difference, soft light.

  • Border: toggle, width, color and corner radius. Image masks (circle, ellipse, rounded, pill, blob, arch) are applied by asking the AI.

Shadows and glows follow the element's real silhouette, and they stack rather than replace each other, so a glassed blob with a soft shadow just works.

Canvas toolbar and context menu

A small toolbar appears above the selected element with the most-used actions: Bring to front, Send to back, delete, and type-specific ones like Replace Image, Remove Background or Replace Emoji. Right-click for Fit/Fill Canvas (images), quick alignment (Center, Left, Right, Top, Bottom) and layer commands.

Layer order

Cmd/Ctrl + ] brings forward one step, Cmd/Ctrl + [ sends back one step. Bring to Front and Send to Back are in the toolbar and right-click menu. Typical stack: background, shapes, images, text, annotations and emojis on top.

Duplicate, copy, delete, undo

  • Cmd/Ctrl + D duplicates the selected element with all its styling.

  • Cmd/Ctrl + C then V copies and pastes; you can paste into another design too.

  • Delete or Backspace removes it.

  • Cmd/Ctrl + Z undoes anything, including AI edits; Cmd/Ctrl + Shift + Z redoes.

Or just ask

Every one of these properties is available to the AI. "Give the card a frosted glass look", "make the logo 20% smaller and center it", "add a neon glow to the price" all work, and the changes stay fully editable afterwards.

Tips

  • Subtle beats heavy: soft shadow and close shadow look natural; long shadow is a statement.

  • Reuse opacity and shadow choices across similar elements so the design feels like one system.

  • Style one element, then duplicate it, instead of restyling copies by hand.