Documentation is work in progress and not completeEditor
Interface
The mobile UI broken down into its five zones
UI Layout, Portrait Mode
Toolbar (top)
Canvas (center)
Object Panel (bottom)
Export Button (bottom right)
Canvas
The canvas occupies the center of the screen. It displays your artboard at the selected resolution. Tap an object to select it. Drag to move. Use two fingers to pan the canvas when zoomed in.
| Interaction | Result |
|---|---|
| Tap object | Select it |
| Tap empty area | Deselect |
| Drag selected object | Move object |
| Two-finger pinch | Zoom canvas in / out |
| Two-finger drag | Pan canvas |
Toolbar
The toolbar sits at the top of the screen. It provides quick access to the main object types and core actions.
| Button | Action |
|---|---|
| Square | Add a rectangle to the canvas |
| Circle | Add a circle to the canvas |
| Line | Add a line to the canvas |
| Text | Add a text object to the canvas |
| Undo | Undo last action |
| Redo | Redo last undone action |
| Play | Preview animation from start |
Object Panel
When an object is selected, the Object Panel slides up from the bottom. It exposes the properties of the selected object.
| Property | Description |
|---|---|
| X / Y | Position on the canvas |
| Width / Height | Size of the object |
| Rotation | Angle in degrees (0–360) |
| Opacity | Transparency (0–100%) |
| Fill Color | Solid color via color picker |
| Add Keyframe | Lock current state as a keyframe at the playhead |
Gesture Controls
| Gesture | Action |
|---|---|
| Tap | Select object |
| Drag | Move selected object |
| Pinch (two fingers) | Zoom canvas in / out |
| Two-finger drag | Pan canvas |
| Two-finger rotate | Rotate selected object (if supported by device) |
| Hold (long press) | Open context menu, delete, duplicate, bring forward |