Learning Hub
<svg xmlns="" width="24" height="24" fill="none" viewBox="0 0 24 24"><path d="M19.885 21H4.115C2.068 21 1 19.898 1 17.815V6.196C1 4.112 2.068 3 4.115 3h15.77C21.913 3 23 4.102 23 6.196v11.619C23 19.898 21.913 21 19.885 21zm-.167-2.073c.823 0 1.273-.425 1.273-1.325V6.398c0-.89-.451-1.325-1.273-1.325H4.272c-.813 0-1.273.435-1.273 1.325v11.204c0 .9.46 1.325 1.273 1.325h15.447zm-3.105-9.375c-.607 0-1.019-.425-1.019-1.072v-.96c0-.647.411-1.072 1.019-1.072h2.037c.607 0 1.019.425 1.019 1.072v.96c0 .647-.411 1.072-1.019 1.072h-2.037z" fill="currentColor"/></svg>
The Inspector

The Inspector

In the Inspector, you’ll find the controls for the tool you’re currently working with. You can also view and edit the properties of selected objects as well as layers, artboards, import options, and more.

The Inspector Bar

The Inspector Bar is always visible at the top right corner of your iPad screen and can be expanded or collapsed at any time by tapping on each of the four icons, which are, from left to right: Style, Arrange, Path, Layers, and Import.

Style Tab

The Style Tab is the main tab in Vectornator where you can find styling functions for your selected element. The options range from Fill (1), Stroke (2) and Shadow (3) to Blend Modes, Arrows, Blur and more.

Content-Aware Options

The style tab is content-aware. This means that it adapts according to the current selected object. For example, selecting a text box will reveal text options, while selecting an image will reveal Auto Trace settings, etc.

Arrange Tab

The Arrange Tab manages the position, scale, size, rotation (1), grouping (2), flipping (3), order (4), alignment (5), and distribution (6) of your objects and also contains other cool options (7) for transformation.

Path Tab

The Path Tab is the go-to solution for editing and modifying paths. It contains options like Boolean operations, Masking, and even more complex functions like outlining a path or defining anchor points.

Layers Tab

The Layers Tab is the place for managing all your layers and objects within your document.

Additionally, the Layers Tab also allows you to manage your Artboards (B).

Here, you can create a new layer (A), select multiple layers, show/hide certain layers, lock/unlock layers, duplicate a layer, and delete or rename your artboards, layers, and objects.

Import Tab

This tab is divided into four panels which are accessible via the icons at the bottom of the tab. They are, in order:

1) Templates, where you can create and store your own library of vector elements.

2) Photos, where you can import images from your camera roll.

3) Iconator, a library offering more than 80k free icons to use in your designs.

4) Unsplash, a library with millions of free images provided by

unsplash iconator templates


To use sliders, tap and hold anywhere on the slider and start sliding right or left with your finger or the mouse to change the value.

TIP: For greater precision while sliding, move your finger down, away from the slider to change the value more slowly.


By tapping one time on a slider, a keypad will open, allowing you to enter specific values.

With the keypad, you can set any numerical slider in Vectornator to a specific value.

After entering your chosen number, tap the enter key to submit your value. Tap again outside of the keypad to close it.

Download the PDF version here.
Something went wrong while submitting the form. Try again.