Here are some keyboard shortcuts to speed up your workflow in Moonchild.
These shortcuts help you move around your canvas and adjust your view without interrupting your design flow.
| Action | Use case | Keyboard Shortcut |
|---|---|---|
| Pan around canvas | Navigate your canvas or multiple screens without zooming out. | Space + Drag |
| Zoom in | Magnifies the canvas to inspect smaller details up close. | Ctrl/Cmd + + |
| Zoom out | Decreases magnification to see more of the canvas layout at once. | Ctrl/Cmd + - |
| Zoom to 100%. | Resets the zoom level to the actual, physical pixel size. | Ctrl + 0 |
| Zoom to fit canvas | Adjusts the zoom so everything on the canvas fits perfectly within the screen. | Shift + 1 |
| Zoom to fit selection | Zooms in exactly on the currently selected layers or objects. | Shift + 3 |
| Hide UI | Toggles off the toolbars and side panels for a clear, unobstructed view of the canvas. | Ctrl/Cmd + \ |
| Show UI | Toggles the toolbars and side panels back onto the screen to resume editing. | Ctrl/Cmd + \ |
When a screen or frame is selected, use these shortcuts to quickly manipulate it, navigate between adjacent screens, or switch into prototyping mode without slowing down your workflow.
| Action | Description | Keyboard Shortcut |
|---|---|---|
| Copy design | Copies the currently selected frame or UI element to your clipboard. | Ctrl/Cmd + C |
| Paste screen/image | Pastes a copied screen, image, or design asset directly onto the canvas. | Ctrl/Cmd + V |
| Switch to prototype mode | Opens prototype mode to interact with the selected design. | P |
| Delete screen | Instantly removes the currently selected frame from the canvas. | Del |
| Next screen | Shifts your active selection and view to the adjacent frame on the right. | ➡️ (Forward arrow) |
| Previous screen | Shifts your active selection and view to the adjacent frame on the left. | ⬅️ (Backward arrow) |
| Screen above | Shifts your active selection and view to the frame positioned directly above. | ⬆️ (Up arrow) |
| Screen below | Shifts your active selection and view to the frame positioned directly below. | ⬇️ (Down arrow) |
| Focus screen | Zooms in and centres your workspace view completely on the selected frame. | Dbl-click |
| Add a screen to chat. | Automatically attaches the currently selected screen into the chat panel | @ |
<aside>
Did this answer your question?
If you have any further questions, please reach out to: [[email protected].](mailto:[email protected].)
</aside>