Beta
Learning Hub
<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>
Import

Import

The Import feature allows you to edit, organize, import, and share photos, templates, and icons inside Vectornator.

Photos

In Vectornator, you can add raster images (.png and .jpeg format) to your document in just a few steps, either by using split-screen and dragging them from your files into the app, or by importing them via the Import Tab.

Import Images from the Document Picker

To import images to your document from the Document Picker, open it by tapping on the Gallery tab, and then opening the Document Picker.

Then, from the Import Section, select the Photo or Camera Card.

Tap the image you want to import to create your new document.

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

Import Images using the Import Tab

Alternatively, you can import images by using the Import Tab. First, open the Import Tab (the right-most button of the Inspector Bar) and then select the Photo Tab.

Then, just tap the image you want to insert into the document.

Import Unsplash Images

To import images to your document directly from Unsplash, first open the Import Tab, and then open the Unsplash Tab by tapping on the icon at the bottom right.

Then, just type a keyword into the Search Bar (1) at the top of the Import 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.

Figma Import

To import a Figma file into Vectornator, open the Document Picker, and from the Import Section, select the Figma Card. The first time you do this, you'll need to link your Figma account.

1. First, you'll need to allow access to Vectornator.

2. Then, authenticate your login using your Figma email and password.

3. From now on, you will have access to your Figma Recent Files thorough Vectornator. Just tap on the one you want to import to Vectornator.

4. All of the separated boards inside your Figma document will be added to Vectornator as seperate Layers.

Figma Import to Vectornator Pro (Mac)

To import a Figma File to Vectornator Pro when you are on Mac, you simply need to access to the "New Document" Section and then click on the Figma button. Then, follow the steps suggested, which are the same as for the iOS version of Vectornator.

Drag & drop Files to Vectornator

You can import a file into Vectornator using the Files App, or by dragging and dropping it into Vectornator by using the Split View on your iPad.

Sketch Import

In Vectornator it’s possible to import a Sketch file in two different ways:

On iPad, once you saved your .sketch file into your Files, tap and hold on your .sketch file to access the Sharing Options, and then choose Open In Vectornator.

Alternatively, you can simply drag & drop the .sketch file into your Vectornator document by using the Split View on your iPad.

SF Symbols

To import SF Symbols into your document, open the Import Tab, and then open the SF Symbols Tab by tapping on the icon at the bottom right.

Then, just type a keyword into the Search Bar (1) at the top of the Import 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 a symbol to immediately import it onto your artboard, or you can drag and drop a symbol onto a specific place on your canvas.

SF Symbols on iPad
SF Symbols on mac

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, use the font-weight selector in the Inspector.

SF Symbols are text characters, meaning you can vectorize them with the "outline text" feature.

Templates

Under the Import tab, you can access the Templates gallery, where you can access the objects you have saved.

To create your own templates, select your desired object (1) in your document, and tap the + button (2) located at the top right of the Templates Tab. This will save your object to the Your Templates Gallery (3); a section that will be unlocked once you save your first personal template.

In the Templates Tab, you can also access a free gallery of preset Templates (A) which contain the most-used iOS, watchOS, and Android UI elements.

From the Your Templates Gallery, you can drag or tap on your templates to insert them into the canvas.

Your library of personal elements is saved locally, and can be found in the /userMockups folder in the parent Vectornator folder on your device. 

TIP: A cool way to use the Templates feature is to save your signature logo or a particular group of shapes you like to use and re-use and speed up your design workflow.

Iconator

Iconator is a gallery of over 80k royalty-free icons inside Vectornator that can be used for absolutely 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 artworks.
Download
Download the PDF version here.
Was this useful?
Subscribed.
Something went wrong while submitting the form. Try again.