Inspector

Opening the Inspector

At the right of your screen, you find the Inspector which you can always hide / show pressing the <key>⌥⌘2<key> key. It is divided into collapsible menus, which declutter your workspace and makes it easier to focus on what you’re working on.

The Inspector is also Context-Aware, which means it displays automatically some extra sections according to the content selected. These sections will appear right at the bottom of the Arrange menu.

Always locked at the top you can control the position, rotation and size of the selected object(s). The collapsible menus are so divided:

• ‍Arrange options as Group, Transform, Align and Order.
• ‍Appearance options as Blend Modes, Opacity, Blur and Corner Radius.‍
• Fill
• Stroke
• Shadow
• Path where you can find Masks, Booleans and more.

Fill, Stroke and Shadow can be toggle each one individually, depending on your need.

📲 If you're familiar with Vectornator on iPad you sure recognise a similar structure but divided into multiple tabs.

Arrange Options

At the top of the Inspector, you will find the so-called Arrange Options which helps you to:

A – Align your objects using the six alignment buttons in the top row

B – Adjust even spacing between multiple objects, by distributing them horizontally or vertically

C – Change the Stack Order of your elements

D – Group and/or Ungroup  all the objects you want

E – Mask and/or Unmask with a single click of your mouse

F – Repeat the last action in one click

Appearance Options on Mac

Right below the Arrange Options, you can find the main appearance controllers that will be activated as soon as you select at least one element of your document:

A – Blend Modes, which will open as a pop-up button (A1)

B – changing the Opacity

C – setting the Blur

D – changing the Corner Radius of any Bézier Node.

E- change the Smoothness of your paths created with the Pencil or Brush Tool.

Path Options

The Path Option is the go-to section for editing and modifying paths. It contains options like:

A – Boolean operations,

B + C – Adding or Removing Bézier Nodes,

D – Outlining a path,

E – quickly Opening or Closing paths,

and more.

Context-aware Options

The Inspector, as on iPad, is context-aware. This means that it adapts according to the current selected object. For example, when drawing with the Pen Tool showing the different Node Types (A), Close (B) and Finish (C) a Path.

The Context-aware Options always appear at the bottom of the Arrange section and will be immediately recognisable by the yellow icon (1) displayed at the top right corner.

Or when selecting a text box will reveal text options instead where you can choose within the Font Type (A), changing Kerning, Tracking and Line Height (B) or turn your text into vectors (D).

Learn more – How to use Text in Vectornator on Mac →