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.222 8.013c0-.418.33-.724.782-.724s.773.306.773.724V3.252a.77.77 0 0 0-.773-.752c-.424 0-.782.343-.782.752v4.762zm1.584-.594v5.087l-.066 1.253.537-.594 1.292-1.355c.141-.158.339-.241.537-.241.405 0 .726.288.726.687 0 .213-.085.371-.236.511l-2.998 2.849c-.207.204-.387.269-.594.269s-.396-.065-.594-.269l-3.008-2.849c-.151-.139-.236-.297-.236-.511 0-.399.321-.687.717-.687a.73.73 0 0 1 .547.241l1.301 1.355.537.594-.066-1.253V7.419H6.876C4.981 7.419 4 8.366 4 10.213v8.493c0 1.847.981 2.794 2.876 2.794h10.249c1.905 0 2.876-.947 2.876-2.794v-8.493c0-1.838-.971-2.794-2.876-2.794h-4.318z" fill="currentColor"/></svg>
Mac Import

Mac Import

Importing in Vectornator is easily done with just a few clicks. You can import photos, templates, icons, symbols, and more.

Importing Files

There are several different ways to import files into Vectornator on your Mac.

When the Vectornator App is open, you can:

  1. use the Import Window to easily import your files, or
  2. drag them directly onto the canvas while your document open.

When the Vectornator app is closed, you can open your files in Vectornator by dragging them from the Finder onto the Vectornator icon on the dock.

Vectornator supports a wide range of file formats for importing your documents.

But, which file formats can be imported into Vectornator?

Editable Vector File Formats:

%table%

.SVG | Open any .SVG file in Vectornator, even files created with other tools. The imported .SVG files will keep their separate layers.

.AI | Import any file created with the Adobe Illustrator software.

.PDF | Open any .PDF file, whether fillable forms, documents, or other print materials. Each page of your .PDF will be imported as its own Artboard.

.SKETCH | Import any file created in the Sketch Mac app.

.FIG | Import your Figma files into Vectornator to keep working offline or on your iPad.

SF Symbols | Import any Symbol using our integration (accessible from the Library Tab) and easily turn them into vector elements.

Icons | Import icons from our Iconator Library of over 80,000 icons.

UI Mockup Elements | Easily import iOS or Android UI elements from the Library Tab.

%table%

Non-Vector File Formats:

%table%

.JPG | Good for web images and photographs.

.PNG | Good for images with transparency.

Unsplash images | The internet’s source of freely-usable images.

%table%

The Library Tab

On Mac, the Library Tab can be easily opened by clicking the <key>+<key> button at the top right corner of the Vectornator interface. Just like the iOS version, the Library Tab is divided into five panels, which are accessible via the icons at the bottom of the tab. They are, in order:

A – Templates, where you can create and store your own library of vector elements.

B – Photos, where you can import images from your camera roll.

C – SF Symbols, a library of over 2,400 free configurable symbols integrated with San Francisco Font, the system font for Apple platforms.

D – Iconator, a library offering more than 80,000 free icons for you to use in your designs.

E – Unsplash, a library with millions of royalty-free images available for use in your projects.

The SF Symbols, Iconator, and Unsplash Tabs have a Search Bar placed at the top to help you find the icon or image you need.

Importing Images

In Vectornator, you can add raster images (.PNG and .JPEG format) to your document in a few different ways:

1 - Drag and drop images from the Finder

You can easily import an image into Vectornator by dragging and dropping it onto the Canvas from your Desktop or Finder.

2 - Open images from the Document Picker

To import images into your document from the Document Picker, first open it by clicking on the Photo Card, and then select the image you want to import.

Note - The image will be imported inside a locked layer. The document size will be the same as the image imported.

3 - Import images from the Library Tab

Alternatively, you can import images by using the Library Tab. First, open the tab (the right-most button of the Inspector Bar) and then select the Photos or the Unsplash Tab. Then, just tap the image you want to insert into the document.

Importing Images From Unsplash

To import images to your document directly from Unsplash, first open the Library Tab, and then open the Unsplash Tab by tapping on the icon at the bottom. Then, just type a keyword into the Search Bar (1) at the top of the Library Tab.

Once you've typed your keyword in the Search Bar, press Enter to show the results. Then, you can scroll down through your search results and tap on an image to immediately import it onto your Artboard, or you can drag and drop an image onto a specific place on your canvas.

Importing Icons From Iconator

Iconator is a gallery inside Vectornator of over 80,000 royalty-free icons that can be used for free in all your projects. Open the Library Tab, search using keywords, then tap and drag an icon to insert it into your document.

Note - You’re free to use and edit all of these icons and use them in your artwork, no credit required.
Read more about Iconator here.

Importing SF Symbols

From the Library Tab you can access the SF Symbols integration and immediately import them into your document. This option is available on Vectornator for iPad, Mac, and iPhone. You can use Apple's SF Symbols library freely in your projects (over 2.4k icons).

SF Symbols are text objects, which means that they support all font weights. To change this, use the font-weight selector in the Inspector.

This also means you can vectorize your SF Symbols with the "Outline Text" feature.

Read more about SF Symbols here.

Import and Create Templates

From the Library Popover, you can access the Templates Library, where you can create reusable objects out of your artworks.

import templates in Vectornator on your Mac

How to create and add Templates to your Library

To create your own templates, select your desired object (1) in your document, then click the <key>+<key> button (2) located at the top right of the Templates Popover. This will save your object to Your Templates Library (3), which will be unlocked once you save your first personal template.

From the Your Templates Library, you can drag and drop or simply click on each template element to insert them onto the canvas.

how to use templates in Vectornator Mac App
Pro Tip A cool way to use the Templates is for adding your signature logo or a particular group of shapes you like to use and re-use in different documents.

Importing Figma files

To import a Figma File into Vectornator on Mac, access the Import Tab by clicking the button (1) in the Homescreen Sidebar. Here you simply have to click on the Figma button. Then, follow the steps suggested, which are the same as for the iOS version of Vectornator.

The first time you do this, you'll need to link your Figma account and grant permission to access your Figma account from Vectornator. To do so, click the "Allow access" button and then authenticate your login using your Figma email and password.

From now on, you'll be able to access to all your Figma Files through a popup window in Vectornator. Double-click on the one you want to import it into Vectornator.

Vectornator will import all the Frames as separated Artboards, which will make it easier to edit your documents offline.

Import Sketch Files

In Vectornator you can import a Sketch file in a few different ways:

Importing from the Import Tab

To import a new document you created with Sketch, you can easily drag and drop it into the top area of the Import Window. The file will open automatically in Vectornator.

Open a .sketch File with Vectornator

Once you have saved your .sketch file, you can simply drag and drop it onto the Vectornator dock icon.

Alternatively, you can open any .sketch file with Vectornator by right-clicking on it and then choosing Open with Vectornator.

Read more about the Sketch Integration here.

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