Canvas Settings
Changing the Canvas Size
In the Design Editor, click Canvas in the Layers panel on the right.

After selecting the Canvas layer, change the width/height size of the Canvas in the Canvas Settings panel on the left.

The Canvas width can be adjusted from a minimum of 460px to a maximum of 1920px, while the height has no limit when changed.
Setting the Canvas Zoom Ratio
Click the screen ratio selection area at the bottom of the Design Editor and select the desired screen ratio value to
zoom in / zoom out the Canvas.
- If you select Fit to Screen, the screen ratio is automatically adjusted so the Canvas fits within your current workspace.
- You can also enter the screen ratio value directly by double-clicking with the mouse on the text box in the screen ratio selection area.
| Function | Windows | Mac |
| Zoom In | Ctrl++ | ⌘++ |
| Zoom Out | Ctrl+- | ⌘+- |
| Fit to Screen | Ctrl+0 | ⌘+0 |

The screen ratio can be set up to a maximum of 300%. If you enter a value higher than 300%, it will automatically be adjusted to the maximum value of 300%.
Canvas Ruler Settings
Click the ☰ button in the upper-left corner of the Design Editor to open the ruler settings menu.

From the ruler settings menu, select Ruler to display the ruler on the Canvas.
- Ruler: Displays the ruler on the Canvas when selected.
- Show Guides: Shows or hides the guides displayed on the Canvas.
- Lock Guides: Locks the position of all guides displayed on the Canvas.
- Clear Guides: Resets (deletes) all guides displayed on the Canvas.
| Function | Windows | Mac |
| Show/Hide Ruler | Ctrl+R | ⌘+R |
| Show/Hide Guides | Ctrl+; | ⌘+; |
| Lock/Unlock Guides | Alt+Ctrl+; | ⌥+⌘+; |
| Clear Guides | - | - |


Drag from the displayed Ruler with the mouse to add a guide to the Canvas.
- Assets uploaded to the Canvas are aligned to the displayed guides when moved.
- For grouped Assets, they are aligned to the guides based on the outermost element, regardless of the layer order.
Ruler: Screen Without Guides

Ruler: Screen With Guides Added

Undoing and Redoing Actions
To return to the previous editing state while using the editor, click the Undo (←) button in the upper-left corner.
Or, to reapply an action that was undone, click the Redo (→) button in the upper-left corner.
| Function | Windows | Mac |
| Undo | Ctrl+Z | ⌘+Z |
| Redo | Ctrl+↑+Z | ⌘+↑+Z |
