The Toolbar


One of the most important aspects of Mockup is its toolbar. It’s sole purpose is to facilitate the sketching process and help you realize your visions and ideas through the diverse attributes it puts forward.

From the quick actions assessed that heighten sketching to allowing you to draw perfect shapes, filled ones even, the toolbar, without a doubt, leads to a sustained work flow and a smooth running process.

The tool bar is floating where you can place it anywhere on the screen.
Further details of each will be discussed and in order.

I. Shape Detection

Shape detection allows you to perfect lines, circles, ellipses, rectangles and plenty other shapes.

There are two ways Shape detection can function:

  1. If the shape detection button is not activated, then all the shapes drawn won’t be precisely orchestrated into the known geometrical shapes. Once it is activated, the shapes drawn will automatically take their respective structures.

  2. If the sketch itself requires a lot of different shapes where not necessarily all of them are of pre-determined profiles, then the following steps are considered:

  • Keep the Shape Detection deactivated.
  • Draw the shapes regularly as one would do. The result is what’s been drawn with no alterations.
  • If the shapes are to be in a defined –detected state, draw the shape and hold your Apple Pencil in place for few milliseconds.

II. Filled Shapes

Drawing certain shapes and having them filled automatically is an important feature and, in the sketching agenda, a must.

Activate the “Filled Shapes” option found in the toolbar to draw filled shapes .

To obtain perfect filled shapes: Switch on shape detection and filled shapes simultaneously.`

III. Finger Drawing

If it is off, the Apple Pencil manages the drawing. In this case:

  • 1 finger is for scrolling
  • 2 fingers are for pinching (zoom into or out)

Whilst if it’s functioning:

  • 1 finger if for drawing
  • 2 fingers are for scrolling

Finger drawing is what’s applicable on iPhone. Changing this setting, therefore, toggles the drawing tools.

IV. Lock Canvas (iPad)

Sometimes while mapping out certain outlines one might tap unintentionally on the screen. Hence, diverting from the workspace is set to happen.
To avoid this: Click on the Lock Icon.
Therefore scrolling or zooming will be disabled and canvas will be locked in place until you unlock it again.

Note : Lock option is only available for iPads when it’s the one featuring “Apple Pencil” use.

V. Inverse Mode

Tap on the button to choose the dark/light setting of your preference.

VI. Customize Grid

Press on the Grid button to view its settings.

The first row includes the different types:

  1. No Grid
  2. Graph Paper-Grid
  3. Dot-Grid

The features represent the spacing between the squares/dots of the grid, the opacity of the grid and the frame .

VII. Quick Actions

The “Quick Actions” icon found in the toolbar allows you to show/hide the “Quick Actions” buttons which appear on the top right of the frame according to your preference.
Further detail about the Quick Actions are in this section.

VIII. Elements

If a certain element is needed throughout the whole process of design and application usage without constantly assembling it or duplicating it then “ELEMENT” comes to aid.
The elements library can be moved to either sides on iPads while it being on top or bottom for iPhones (screen size proportions).
Elements is thoroughly discussed in the Element Topic.

IX. Undo & Redo (iPhone)

Undo and Redo buttons are available for iPhones.