Text Link
<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"/>
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.

Follow Along!
Learn Vectornator from A to Z with this downloadable sample file.
Download File

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 (A), Arrange (B), Path (C), Layers (D), and Library (E). The icon will be highlighted when open.

Style Tab

The Style Tab ~ic-style-tab~~ic-style-tab~ is the main tab in Vectornator where you can find styling functions for your selected element, divided into collapsible sections as:

1 – Appearance ~ic-style-tab~~ic-style-tab~ options as Blend Modes, Opacity ~ic-opacity~~ic-opacity~, Blur and Corner Radius ~ic-corner-radius~~ic-corner-radius~.
2 –
Fill
3 –
Stroke ~ic-stroke-width~~ic-stroke-width~
4 –
Shadow ~ic-shadow~~ic-shadow~

Content-Aware Options

The Style Tab ~ic-style-tab~~ic-style-tab~ is content-aware. This means that it adapts according to the currently selected object.

For example, using the Pen ~ic-pen~~ic-pen~ or the Node Tool ~ic-node~~ic-node~ will reveal the Node Types options ~ic-nodetypes~~ic-nodetypes~, while selecting an image will reveal Auto Trace ~ic-auto-trace~~ic-auto-trace~ settings, etc.

Arrange Tab

The Arrange Tab ~ic-arrange-tab~~ic-arrange-tab~ manages several tranform options.

At the top you will be able to set the Position (1) using x & y values, and adjust the Size (2) of your objects. You can then Move (3) and Rotate (4) them by using the joysticks, and easily Flip ~ic-flip-horizontally~~ic-flip-horizontally~ (5) them by its horizontal or vertical axis.

In this tab, you can Align ~ic-alignment~~ic-alignment~ (6), set the Order ~ic-stack-order~~ic-stack-order~ (7), Group ~ic-group~~ic-group~ (8), Mask ~ic-mask~~ic-mask~ (9) and Distribute ~ic-distribute-horizontally~~ic-distribute-horizontally~ (9) your objects, as well as access to the Repeat Action (10) options.

Path Tab

The Path Tab ~ic-path-tab><ic-path-tab> is the go-to solution for editing and modifying paths. It contains options like Boolean operations ~ic-boolean~~ic-boolean~ (1), more complex functions (2) like outlining a path or defining Bézier Nodes ~ic-disconnected~~ic-disconnected~, and even Placing Text on Path ~ic-text-on-path~~ic-text-on-path~ (3). Each button will activate when one or multiple objects are selected.

Layers Tab

The Layers Tab ~ic-layers-tab~~ic-layers-tab~ is the place for managing all your layers and objects within your document.Here, you can create a new layer ~ic-add-layer~~ic-add-layer~ (A), select multiple layers, show/hide certain layers, lock/unlock layers, duplicate a layer, and delete or rename your artboards, layers, and objects.

Additionally, the Layers Tab allows you to create and manage your Artboards ~ic-add-artboard~~ic-add-artboard~ (B).

Library Tab

This tab ~ic-library-tab~~ic-library-tab~ is divided into five panels which are accessible via the icons at the bottom of the tab. They are, in order:

1) Templates ~ic-templates-tab~~ic-templates-tab~ , where you can create and store your own library of vector elements.

2) Photos ~ic-photos-app-tab~~ic-photos-app-tab~ , where you can import images from your camera roll.

3) SF Symbols ~ic-sf-symbols-tab~~ic-sf-symbols-tab~ , a library of over 2,400 free configurable symbols integrated with San Francisco Font, the system font for Apple platforms.

4) Iconator ~ic-iconator-tab~~ic-iconator-tab~ , a library offering more than 80k free icons to use in your designs.

5) Unsplash ~ic-unsplash-tab~~ic-unsplash-tab~ , 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.

Video Recap | The Inspector

Get to know more the ins and outs of our powerful Inspector menu on iPad.

Sliders

In the Inspector you will find different sliders to control the Opacity ~ic-opacity~~ic-opacity~ (A) of an object, its Blur, the Stroke Width ~ic-stroke-width~~ic-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.

Pro 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.


Learn Vectornator
Learn how to create your next design by using this Vectornator sample document.
Download
Download the PDF version here.
Last Updated on May 25, 2022