The Vectornator interface is designed to speed up your workflow and keep your project in focus with essential tools and a minimalist design.
The iPad Document Interface
The document interface refers to the Vectornator workspace as a whole. This is where you create your artwork and design projects. It's designed to be as unobtrusive as possible so you can focus on your project.
The interface is divided into three main parts:
- At the top left of the screen you'll find the Navigation Bar <key>A<key> and the Action Bar <key>B<key>
- Centered on the left is the Toolbar <key>C<key> where you can access all of Vectornator's Tools
- On the right you'll find the Inspector <key>D<key> which allows you to control all the properties of your in-document objects
The Inspector is also accompanied by the Help Menu <key>E<key>, which you can access by simply tapping the button.
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.
1 – Close
The <key>x<key> button closes your current document and takes you back to the Gallery Tab.
2 – Document Settings
Tap on the ⚙ icon to open the Quick Settings menu.
In this tab, you can access the Settings Panel and set your Artboard's Size, Grid, and Snapping options.
3 – Export
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.
4 – Viewfinder
Tap once to reset the Document Zoom & Rotation back to default.
TIP: The 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 →
5 / 6 – Undo / Redo
Tap these buttons to undo or redo your last actions. You can also speed up your workflow with these gestures →
Expand / Collapse
Tap this button to minimize the Navigation Bar.
This is an expandable menu that offers different contextual options when you select an element in the canvas.
1 – Select / Deselect All
Tap this button to select all of the document elements at once. Tap it again to deselect them all.
2 – Delete
Tap this button to delete any paths or objects you currently have selected.
3 – Cut
Tap this button to cut any element you currently have selected.
4 – Copy
Tap this button to copy any paths or elements you currently have selected to your clipboard.
Once you tap this button, the Paste button will show up. 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.
5 – Copy / Paste Style
Tap this button to copy the same style properties of any selected element.
Once you tap this button, the Paste Style [5b] button will show up. Tap this button to paste the copied style onto any paths or elements you currently have selected.
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.
1 – Selection Tool
Select and move paths.
There are several different modes for this tool, including Multiple Select Mode for selecting more than one element at once, and Duplicate Mode to duplicate the element by dragging and dropping it into a defined position. You can also use Rotate Mode to rotate the selected element, and Scale Mode to change the element's size from a set pivot point.
2 – Node Tool
Select, move, and edit anchor points.
3 – Scissors Tool
Cut existing paths.
4 – Pen Tool
Create smooth paths with Bezier curves.
5 – Pencil Tool
Draw freeform paths.
6 – Brush Tool
Draw freeform paths with variable widths.
7 – Text Tool
Create text objects.
8 – Shape Tool
Create shapes like straight lines, rectangles, circles, polygon, stars, or spirals.
9 – Eraser Tool
Delete objects along the path you draw.
10 – Hand
Pan the Canvas. This function requires >iOS 13.4 and a macOS system.
11 – Zoom
Zoom in and out of the Canvas. This function requires >iOS 13.4 and a macOS system.
The Quick Actions Bar
The Quick Actions Bar is a part of our iPad and iOS interface. It takes the most useful options from the Inspector and puts them right below the object you have selected in order to speed up your workflow.
The options in the Quick Actions Bar are context-sensitive, meaning they will change depending on what type of object you have selected. This lets you work up to 30% faster!
If you want to be fully immersed in your work, you can close the Inspector and simply enjoy working in full screen mode and still having access to some key options such as editing the stroke width of your path, changing the text alignment, and more.
The Quick Actions feature is available only on iPadOS and iOS.
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.
The Help Menu on iPad
At the left of the Inspector Bar on your iPad, you'll find the Help button, which gives you access to important resources such as:
- our in-app Help Tooltip that you can activate at any time by long-pressing on any button
- submit a new Feature Request directly in our Feedback Page
- the list of Gestures & Shortcuts
- access the Learning Hub
- start the Quick Tour to help you discover Vectornator's interface and tools
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 ease; giving you more precise control over your creations.
Simply Tap the Mini Joystick to expand it.
The Mac Interface
All the Vectornator interface controls use native macOS components, including the toolbar, the window toolbar, the inspector, the touch bar, and more. You’ll notice that the navigation bars in the Inspector provide a very native Apple look and feel as a result.
The Inspector, on the right side of the screen, contains the major editing features and allows you to view the properties of your selected elements.
The Color Picker and Brush Editor are floating pop-out windows, which gives them better visibility and ease of use, which are the two most important things we want to achieve with all our features.
Text fields within sliders have a functionality for precise value changes. You can use the arrow keys to navigate these steps one at a time. Speaking of values, sliders with large value ranges now support polynomial growth for the precise editing of small values.
On Mac, Layers are located on the left side and work exactly as they do on the iPad version of Vectornator.
The (Extra) Toolbar on the Mac
On Mac, you have an extra Toolbar located at the top of the interface which contains buttons for performing actions relevant to the current view.
You can easily customize it with 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 text.
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) will cover the right side of your screen when opened. It allows you to immediately access the different tabs: Style (A), Arrange (B), Path (C), Layers (D), and Import (E).