Tutorial > Mockplus Cloud > Storyboards > View Artboards

View Artboards

Drag & Move Canvas

Holding spacebar + mouse drag to move the canvas. Even you can drag and move canvas on the page.

Hand Tool

Click the "Hand" tool on the left-hand tab bar. With this, you can then move the canvas around by holding the left mouse button. 

Zoom in/out Canvas

You can zoom in and out on canvas by:

  • Clicking on the scaler.

  • Pressing Ctrl + mouse scroll.

  • Pressing "Ctrl + +" to zoom in, "Ctrl + -" to zoom out, and Ctrl+1 to display the canvas in 100% view, Ctrl+2 (200% view), Ctrl+3 (300% view).  

  • Double-clicking the percentage value and entering a value to customize the zoom ratio.

Global View

Right-click on the canvas and select “Overview” from the pop-up menu to enter the global-view.  All the pages will automatically zoom to the proportion that fits the canvas.

Full Screen Preview

Right-click on the canvas and select “Full Screen”, or press the shortcut key P to preview the project quickly. Press the “Esc” key to exit preview mode.

Please note that in the preview mode, you can't edit the page position, logic line, and it's description.

Navigation & Focus

The artboard navigation shows the current viewable area, and the moveable small rectangle allows for quick positioning.

Press the shortcut key M to show/hide the navigation map.

Select "Focus" and the page will be 100% centered on the canvas.

Rearrange Pages

You can rearrange and manage all design pages in Storyboard. Press “Ctrl + A” or click “Rearrange”. You can also set the column number for rearrangement on the pop-out toolbar.

Page Alignment

After uploading designs to Mockplus Cloud, you can easily align them for better view and management. When dragging a page, some alignement guides and distances to other pages will auto appear to help you align it smoothly. 

Previous Settings
Next Download