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 five icons, which are, from left to right: Style (1), Arrange (2), Path (3), Layers (4), and Library (5).
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.
Context-Aware Options
The Style Tab is context-aware. This means that it adapts according to the currently selected object. For example, using the Pen Tool will reveal the Node Types options (A), while selecting an image will reveal Auto Trace settings, etc.
Arrange Tab
The Arrange Tab manages several tranform options.
At the top you will be able to Move (1) and Rotate (2) your objects by using the joysticks. You can also set the the Position (3) of any selected element and adjust its Size (4).
In this tab, you can Flip (5), Group (6), set the Order (7), Align (8), and Distribute (9) your objects, as well as several other Transformation (10) options.
Path Tab
The Path Tab is the go-to solution for editing and modifying paths. It contains options like Boolean operations (A), Masking (B), and even more complex functions (C) like outlining a path or defining anchor points.
Each button will activate when one or multiple objects are selected.
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 (1) certain layers, lock/unlock layers, duplicate a layer, and delete or rename your artboards, layers, and objects.
Import Tab
This tab is divided into five 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) SF Symbols, a library of over 2,400 free configurable symbols integrated with San Francisco Font, the system font for Apple platforms.
4) Iconator, a library offering more than 80k free icons to use in your designs.
5) Unsplash, a library with millions of free images provided by Unsplash.com.
The SF Symbols, Iconator, and Unsplash Tabs have a Search Bar (A) placed at the top to help you find the icon or image you need.
Sliders
In the Inspector you will find different sliders to control the Opacity (A) of an object, its Blur, the Stroke Width and others.
To use them, 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.
Keypad
By tapping one time on a slider, a keypad (B) 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 <key>↵<key> key to submit your value. Tap again outside of the keypad to close it.
