Guide:Shapes Tool

Shapes make up the majority of the layers in the Mockitt design tool's design draft files. Those seemingly complex shapes are mostly made up of basic shapes, such as rectangles, ellipse, and straight lines. Of course, Mockitt also provides pen tools to help you design more complex shapes.

Basic Shapes Tool

on the editing pages, you can find Mockitt‘s basic shape tools on the left side of the top toolbar, including "Rectangle" (shortcut key: R), "Ellipse" (shortcut key: O), and "Line" (shortcut key: L).

basic shapes tool

Rectangle Tool

1. Select the "Rectangle" tool from the Shapes tool, or use the shortcut key "R" on your keyboard.

2. Tap a certain point in the artboard and drag to create a rectangle.

3. After the rectangle is created, drag a certain point inside of the rectangle to move its position; Tap its four sides and drag to adjust the length or width (or you can also tap the handles of its four corners and drag to adjust); Move your mouse on the outer edge of the four corners to adjust the rectangle rotation angle.

rectangle in basic shapes tool

Ellipse Tool

1. Select the "Ellipse" tool from the Shapes tool, or use the shortcut key "O" on your keyboard.

2. Tap a certain point in the artboard and drag to create an ellipse.

ellipse in basic shapes tool

Line Tool

1. Select the "Line" tool from the Shapes tool, or use the shortcut key "L" on your keyboard.

2. Tap a certain point in the artboard and drag to create a Line.

line in basic shapes tool