Text Link
Learning Hub
<path d="M19.8718 18H4.12819C3.49773 18 3.11446 17.847 2.8861 17.6233C2.65968 17.4015 2.5 17.0264 2.5 16.3928L2.49998 6.10724C2.49998 5.47368 2.65966 5.09849 2.88608 4.87673C3.11444 4.65306 3.49771 4.5 4.12818 4.5H19.8718C20.5023 4.5 20.8855 4.65306 21.1139 4.87673C21.3403 5.09849 21.5 5.47368 21.5 6.10724L21.5 16.3928C21.5 17.0264 21.3403 17.4015 21.1139 17.6233C20.8855 17.847 20.5023 18 19.8718 18ZM16.0176 20.5H7.98242C7.87872 20.5 7.79537 20.4129 7.79537 20.3171C7.79537 20.2212 7.87871 20.1341 7.98242 20.1341H16.0176C16.1213 20.1341 16.2047 20.2212 16.2047 20.3171C16.2047 20.4129 16.1213 20.5 16.0176 20.5Z" fill="white" stroke="currentColor" stroke-linejoin="round"/> <rect x="16" y="6" width="3" height="11" rx="1" fill="currentColor"/>
Mac Style Inspector

Mac Style Inspector

In the Style 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 manage import options, and more.

Opening the Style Inspector

At the top right corner of the Vectornator interface, you find the <key>Style<key> button, which allows you to expand or collapse at any time the Inspector Tab by clicking on it. Alternatively, you can also use the <key>/<key> key.

If you're familiar with Vectornator on iPad you sure recognise a similar structure but the Inspector on the Mac App is here a unique scrollable panel which allows you to access all the major styling and editing features and control the properties of your selected elements.

Styling Options on Mac

At the top of the inspector, you can find the main Styling functionalities that will be activated as soon as you select at least one element of your document:

<key>1<key> Setting the Fill of your shapes, setting Blend Modes, Opacity and Blur options.

<key>2<key> Changing the path's Stroke with Arrowheads and more.

<key>3<key> Access the Shadow options.

Arrange Options

Right below the Styling Options, you will find the so-called Arrange Options which helps you manage:

<key>A<key> Position, Size, Rotation, Flipping,

<key>B<key> Grouping,

<key>C<key> Stack Order,

<key>D<key> Alignment,

<key>E<key> Distribution.

In this section, you can also find two buttons for the object Transformation <key>F<key>

Path Options

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

<key>A<key> Boolean operations,

<key>B<key> Masking,

<key>C<key> defining anchor points,

<key>D<key> Outlining a path,

<key>E<key> 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, selecting a text box will reveal text options, while selecting an image will reveal Auto Trace settings, etc.

Learn more: How to use Text in Vectornator on Mac →
Download the PDF version here.
Last Updated on Jul 20, 2021
Was this useful?