Text Link

Mac

If you're trying to learn how to use Vectornator, then this page is for you! Here, you'll find everything you need to know how to use tools, gestures, and other hidden features.

Beta
Online Manual
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path d="M11.237 21h1.525c.541 0 .949-.328 1.055-.852l.417-1.739c.266-.089.523-.195.745-.302l1.525.94a1.06 1.06 0 0 0 1.339-.142l1.073-1.074a1.04 1.04 0 0 0 .124-1.357l-.922-1.508.284-.727 1.764-.417c.514-.107.834-.515.834-1.056v-1.499c0-.532-.319-.931-.834-1.047l-1.747-.426c-.089-.275-.195-.515-.284-.727l.922-1.544c.293-.452.257-.967-.133-1.34l-1.091-1.082c-.372-.337-.842-.399-1.295-.151l-1.561.958c-.222-.106-.47-.204-.736-.302l-.426-1.765C13.711 3.319 13.303 3 12.763 3h-1.525c-.541 0-.94.319-1.055.843L9.766 5.59l-.754.311-1.552-.949c-.452-.248-.922-.195-1.295.16L5.075 6.185c-.381.373-.426.887-.133 1.34l.922 1.544-.284.727-1.738.426A1.02 1.02 0 0 0 3 11.268v1.499c0 .541.319.949.842 1.056l1.756.417a7.27 7.27 0 0 0 .284.727l-.922 1.508a1.05 1.05 0 0 0 .124 1.357l1.073 1.074a1.06 1.06 0 0 0 1.339.142l1.525-.94.745.302.417 1.739c.115.524.514.852 1.055.852zM12 14.923c-1.605 0-2.917-1.322-2.917-2.936 0-1.597 1.312-2.91 2.917-2.91s2.926 1.313 2.926 2.91c0 1.615-1.321 2.936-2.926 2.936z" fill="currentColor"/></svg>
Mac Settings

Mac Settings

You can customize your Vectornator experience on Mac by setting your personal App Preferences.

General

When using Vectornator on your Mac, you can customize your workspace in the Preferences menu. You can change things like your App theme or how layers work in your version of Vectornator. You can find these options by clicking the Vectornator dropdown in the top-left corner of the menu bar or by pressing <key>⌘ ,<key>.

Here, you can change the:

  1. Appearance, which gives you the option to choose Vectornator's UI Theme: Dark, Light, or System-based.
  2. Canvas, which lets you decide where you want a new element to be placed.
How to change Theme Color in vectornator Mac

You can also customize the Appearance by going to the System Preferences > General and changing the Theme. This will give you the opportunity to change the highlight color for the buttons inside Vectornator and the color of the node selection handles.

System Preferences in Vectornator Mac

In Vectornator for macOS, the other Settings Options are distributed along the Mac Menu Bar.

If you're familiar with our iOS App, and wondering how to quickly access to all your settings like with Quick Settings on your iPad, you will find them in the Top Toolbar on macOS. Items can be added with the native macOS behavior by going to View > Customize Toolbar. To hide the Top Toolbar panel, click Hide Toolbar.

Storage Options

You can save documents in Vectornator by going to File > Save or pressing <key>⌘S<key>. Then, select the location where you want your file to be saved.

Document History

When you save a document or new changes you've made, your changes will automatically be saved in the Document History. You can choose between two options to change the Undo & Redo behavior which you can always change by going to File > Storage options.

  • Default is the right option if you want to have access to your document history even after you have closed your document.
  • Optimized allows you to reduce the file size by limiting your document's history to per-session.
⚠️ When switching from Default to Optimized, an alert will appear, explaining what this means.

Localizing Documents

You can localize all your Vectornator documents from the Vectornator Gallery. To do so, simply right-click on a document to immediately locate it.

Document Settings

The View menu inside the Menu Bar allows you to set all related-documents options, including:

1 – Interface-related options when working with multiple documents opened

2 – Zooming options

3 – Interface-related controls

4 – the Units of your document

5 – show/hide elements as Rulers, Guides, Dimensions

6 – Grid options

7 – special display options such as Isolate Active Layer, Outline Mode, and setting the Background color to white and Previewing it in CMYK Space.

8 – Snapping options

9 – other Interface-related options such as Customize Toolbar and Enter Full Screen mode.

Document Settings in Vectornator Mac

Document Units

To change the unit format of your document, navigate to the Menu Bar > View > Units. Here you can choose from: Points, Picas, Inches, Millimeters, Centimeters, or Pixels.

Isolate Active Layer

This feature comes in handy if you work with a lot of layers. While active, the AI will automatically focus on the Layer that you’re working on, and all the elements on other layers will be grayed out. When the Isolate Active Layer switch is enabled, only the paths placed in the active layer can be edited.

Isolate active layer in Vectornator Mac

Outline Mode

This feature will show your document elements as wireframe outlines without any color or texture. You can activate it by going to View > Outline Mode.

Outline Mode is like an X-ray mode for your document, and it's usually used for checking complex designs. Viewing artworks without colors attributes speeds up the time it takes to redraw the screen.

using outline mode on your Mac

White Background

The background in Vectornator is set to white by default but you can always de-activate it by going to the View > White Background. Once off, your Artboard background will display the typical white-grey grid that indicates a transparent background.

When exporting your project as a .PNG or any other editable format, keep in mind that the white background will not appear if you turn this feature off.

CMYK Preview

Although Vectornator does not yet support the CMYK Color Space, you have the possibility to preview your artwork in CMYK (cyan, magenta, yellow, and black). You can switch on the CMYK Preview Mode by going to the View > CMYK Preview. This feature comes in handy especially if you want to later print your artworks created in Vectornator.

Learn more – A Walkthrough of Color Theory and Concepts ->

Using Grids

The Vectornator Mac App supports two types of grids: the classic Perpendicular Square Grid, and the triangle-based Isometric Grid.

When a grid is enabled, it will display on top of your canvas, over your elements. To activate it, go to View > Show Grid (1).

where can I activate the grid Vectornator mac app
⚠️ You can only apply grids to Artboards in Vectornator, and they can be different for each board.

Perpendicular Grid

To set up a perpendicular square grid, choose View > Grid Settings and then select Perpendicular (1). To change its settings as the spacing between the cells, simply type a number inside the Spacing box.

square grid Vectornator mac app
Learn More – When working with grids, it might be useful to snap your vector paths to the grid. Activate the Snap to Grid from the Menu Bar > View.

Isometric Grid

To set up an isometric grid, choose View > Grid Settings and then select Isometric.

Alternatively, you can set the grid directly from the Inspector. To do do, first select your Artboard (1) by clicking nearby its title. A new CAO Panel will appear in the Inspector where you can select the type of grid (Isometric 2), change the spacing between the cells, and adjust their angle. To change the settings, simply type a number inside the boxes.

isometric grid Vectornator mac app
Learn More – How to create a beautiful 3d composition ->

Changing Language on Mac

To change the app Language, navigate to System Preferences > Languages & Region. Then switch to the Apps Window, and click the <key>+<key> to add Vectornator. Here you can choose from the 14 supported languages, independently from the language you set on your Mac.

Notifications

We send Push Notifications for update announcements, video tutorials and articles, features highlights, and achievements. You can enable or disable them by going to System Preferences > Notifications. Then select the Vectornator App and apply changes.

Download
Download the PDF version here.
Last Updated on Sep 10, 2021
Was this useful?