Design Huddle allows admins to apply a skew transformation to images, zones, and shapes, creating a dynamic, off-center appearance. This effect is especially useful when designing templates that require angled imagery—for example, placing logos on slanted surfaces or creating a sense of depth and perspective. Skewing elements is an admin-only feature. End-users will not have access to skew controls in the editor.
What Can Be Skewed?
-
Images: Add perspective or motion by skewing standalone images.
-
Zones: When a zone is skewed and set as replaceable in the Template settings, any image a user uploads will automatically inherit the skew, maintaining the visual consistency of your design.
-
Shapes: Use skewed shapes for stylistic elements or background accents. Any image a user uploads will automatically inherit the skew, maintaining the visual consistency of your design.
This functionality is ideal for simulating contour or branding placements on angled products.
How to Skew an Element
Follow these steps to apply a skew to an image, zone, or shape:
-
Select the Element
-
Hold Down the Cmd Key (Mac) / Ctrl Key (Windows), this activates skew mode
-
Drag the top, bottom, left or right side handle (skew mode will not work on corner handles