Beta
Learning Hub
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M4.115 21h15.77C21.913 21 23 19.898 23 17.815V6.196C23 4.102 21.913 3 19.885 3H4.115C2.068 3 1 4.112 1 6.196v11.619C1 19.898 2.068 21 4.115 21zm16.877-3.398c0 .9-.451 1.325-1.273 1.325H4.272c-.813 0-1.273-.425-1.273-1.325V6.398c0-.89.46-1.325 1.273-1.325h15.447c.823 0 1.273.435 1.273 1.325v11.204zm-5.397-1.122c0 .647.411 1.072 1.019 1.072h2.037c.607 0 1.019-.425 1.019-1.072V7.52c0-.647-.411-1.072-1.019-1.072h-2.037c-.607 0-1.019.425-1.019 1.072v8.96zm-9.189-2c0 .647-.411 1.072-1.019 1.072h-.037c-.607 0-1.019-.425-1.019-1.072V9.52c0-.647.411-1.072 1.019-1.072h.037c.607 0 1.019.425 1.019 1.072v4.96z" fill="currentColor"/></svg>
The Interface

The Interface

The Vectornator interface is designed to speed up your workflow. The minimalist interface keeps your project in focus.

The Document Interface

This refers to the Vectornator workspace as a whole. This is where you create your artwork. It's designed to be as unobtrusive as possible so you can focus on your project. The interface is divided into three main parts.

Navigation Bar

At the top left of your screen, you'll find the Navigation Bar. This is an expandable menu that allows you to navigate back to the Vectornator Homescreen, manage your settings, and access export options for the document you are working on.

Close (1)

The "x" button closes your current document and takes you back to the Gallery Tab.

Document Settings (2)

Tap on the gear icon to open the document settings.

Use the icons at the bottom of the window to navigate between the three pages of settings: Canvas, Snapping, and Input.

Each page allows you to customize your interface in a different way.

Export (3)

The Export button allows you to export your project in a variety of formats.

You can choose a new location to save your document, or link Vectornator to your Adobe account and continue your workflow on Illustrator.

You can also print your document, save it quickly as an image, duplicate it, or preview it in Augmented Reality.

Viewfinder (4)

Tap once to reset the document zoom and rotation back to default.

TIP: That small dot moving around the zoom percentage shows you the correct rotation state of your canvas.

Discover more ways to zoom in & out on the canvas.

Undo (5) / Redo (6)

Tap these buttons to undo or redo your last actions. You can also speed up your workflow with gestures.

Expand / Collapse (7)

Tap this button to minimize the Navigation Bar.

Action Bar

This is an expandable menu that changes when you select an element in the canvas.

Select (1) / Deselect All (1b)

Tap this button to select all of the document elements at once. Tap it again to deselect them all.

Delete (2)

Tap this button to delete any paths or objects you currently have selected.

Cut (3)

Tap this button to cut any element you currently have selected.

Copy (4)

Tap this button to copy any paths or elements you currently have selected to your clipboard.

Paste (5)

Tap this button to paste any paths or elements you currently have copied or cut.

TIP: You can also copy an element and paste it into a different document.

The Toolbar

On the left side of your interface, you'll find the Toolbar. Here, you can access all of Vectornator's built-in tools for selecting objects, drawing and creating shapes, and adding text.

Depending on the tool you select, different tool options will be displayed.

Selection Tool (1)

Select and move paths.

There are several different modes for this tool, including "Multiple Selection" for selecting more than one element at once, and "Duplicate" to duplicate the element by dragging and dropping it into a defined position. You can also use "Rotation" to rotate the selected element, and "Resize" to change the element's size from a set pivot point.

Node Tool (2)

Select, move, and edit anchor points.

Scissors Tool (3)

Cuts existing paths.

Pen Tool (4)

Create any path imaginable with Bezier curves.

Pencil Tool (5)

Draw freeform paths.

Brush Tool (6)

Draw freeform paths with variable widths.

Text Tool (7)

Create text objects.

Shape Tool (8)

Create shapes like straight lines, rectangles, circles, polygon, stars, or spirals.

Eraser Tool (9)

Delete objects along the path you draw.

Hand (10) It requires >iOS 13.4 and macOS system.

Zoom (11) It requires >iOS 13.4 and macOS system.


The Inspector

This sidebar appears when you select a document element.

It allows you to view and edit the properties of your selected elements, as well as manage your layers, artboards, import options, and more.

Learn more about the Inspector Tabs.


Mini Joystick

Any time you select an object, the Mini Joystick will show up at the bottom right corner of the Interface. It enables you to move paths or objects around with grace and ease; giving you more precise control over your creations.

Simply Tap the Mini Joystick to expand it.


Insight: The (extra) Toolbar on the Mac

On Mac, you have an extra Toolbar, located at the top of the interface, that contains buttons for performing actions relevant to the current view.

You can easily customize it by picking up the tools you use most frequently by going to View > Customize Toolbar.

Vectornator's UI on the iPhone

Just as with Vectornator X for iPad and Vectornator Pro for Mac, the Vectornator User Interface on the iPhone keeps the focus on your artwork in both Portrait or Landscape mode.

You have access to expandable toolbars such as:

1 - The Navigation Bar, where you can navigate back to the Vectornator Homescreen, manage Settings and Export options, and Undo or Redo your actions.

2 - The Toolbar, which includes all the tools you'll need for selecting, drawing, and creating paths or texts.

3 - The Action Bar, an automatic expandable menu that appears when you have an object selected.

4 - The Inspector, which can be easily accessed by swiping up.

5 - The Mini Joystick, which allows you to precisely move your objects around the canvas.

When in Landscape mode, the Inspector Bar (4) is visible and allows you to immediately access the different tabs: Style (A), Arrange (B), Path (C), Layers (D), and Import (E).

Download
Download the PDF version here.
Subscribed.
Something went wrong while submitting the form. Try again.