Elements

If a certain element is required throughout the design and application usage process without the constant need to assemble or duplicate it, then Library comes in handy.

Mockup opens up with 28 pre-existing elements in the “Mockup Element Set” allowing for quick access and a smooth sketching experience. You can also CREATE your own elements, save and reuse them for convenient purposes in your sketching process.

It is worth noting that elements in Mockup 3.0 can be drawings, images, text, or a group of them.


How to Save an Element to the Library

To create an element:

To save an element to the library:

  1. Draw a selection around the “desired element” in the canvas by using the lasso too.
  2. Select Save

A new dialog with a preview of the element to be saved appears.

  1. Name the element and select the set to which it will be added to.
  2. Tap on Save.

Once it is saved in the element library, it can be inserted anywhere anytime.


How to Insert an Element

To insert an element;

  1. Drag the specific element from the Elements Library.
  2. Drop it where desired on the canvas.

Insert Images

With Mockup, you can incorporate images into your sketches.

  1. Tap on “Insert Image”
  2. Browse through through your photos and add the image of choice

Insert Text

Mockup allows you to add text for a remarkable end-result, whether you want to take notes, write down your commentaries, or add some annotations and remarks. It is even the case if the text is actually a part of the sketch, or literally if it’s the case of mere bad handwriting.

Text Editing

It should be stated that when text is first added, it is in edit mode.

A single tap on the desired text allows you to edit it. You can employ the lasso tool to resize and move the text box.

It should be noted that changing the aspect ratio results in rasterizing the text!

To edit the text itself:

  1. First select the text.
  2. Tap on it again.

This makes the text editable and opens a popup window where you can customize the attributes.

You can change the font, size, styles, and alignment from this popup. To clear, cut, copy, and paste text, the same popup is used.

Use the color picker when a text is selected to set it’s color.


Resize Elements

Resizing an element is useful in different sketching situations. After inserting the element, resizing becomes possible.

To preserve the ratio, resize the element from the corner.

Once the element has been finalized, you can resize it again. Make use of the lasso tool, which can be found in the drawing tools.


Rename / Delete

Tap and hold on the desired element. The options Rename and Delete hence will appear to you. Same thing for Renaming and deleting sets.


Export / Import an Element

Export

Exporting an element or a complete set can be done through:

  • Tap and hold the desired element/set then tap Export.

Import

Importing an element can be done through:

  • To import an element set, tap on “import element set” found in the library. Alternatively, you can open the element set file from the Files app.
  • To import a single element, you can open the element file from the Files app and choose the desired set.