Shortcuts help you design more efficiently while building a template.
Tool selection shortcuts
V
Selection
T
Text
R
Rect
C
Circle
I
Image
D
Dynamic image
F
FontAwesome icon
S
SVG
X
Conditional layers
Editing shortcuts
Ctrl + Z
Undo
Ctrl + Y
Redo
#
Show/hide grid
Interface shortcuts
Esc
Close the template editor
Selected layer shortcuts
DEL
Deletes the selected layer
Alt + D
Duplicates the selected layer
Creating a layer shortcuts
Shift (hold)
Creates a layer with a 1:1 square ratio.
Ctrl (hold before click)
Sets the starting point along the grid
Ctrl (hold while drawing)
Snaps layer along the grid
Moving a layer shortcuts
Shift (hold)
Moves the layer along a fixed axis
Ctrl (hold)
Moves & snaps the layer on the grid
←↑↓→
Moves the layer 1 pixel in the direction of the arrow key
Shift + ←↑↓→
Moves the layer 10 pixels in the direction of the arrow key
Ctrl + ←↑↓→
Moves the layer 100 pixels in the direction of the arrow key
Resizing a layer shortcuts
Shift (hold)
Resizes the layer while preserving its width/height ratio (when resizing from a corner)
Alt (hold)
Resizes the layer from its center
Ctrl (hold)
Resizes & snaps the layer on the grid
Zooming
Alt (hold) + Scroll
Zoom in/out using your mouse wheel