Text Link
Beta
Learning Hub
<path d="M1.558 16.427c.25 1.425.972 2.29 2.229 2.409v-8.525c0-2.63 1.551-4.212 4.11-4.212h10.235l-.285-1.674c-.321-1.867-1.453-2.685-3.281-2.354L2.37 4.297C.542 4.628-.251 5.787.07 7.663l1.489 8.764zM7.897 22h12.268C22.019 22 23 20.988 23 19.103v-8.792c0-1.894-.981-2.897-2.835-2.897H7.897c-1.854 0-2.835 1.002-2.835 2.897v8.792c0 1.894.981 2.897 2.835 2.897z" fill="currentColor"/>
Artboards

Artboards

Artboards allow you to create separate frames or pages of your design without needing to switch documents.

By using Artboards, you can create separate frames or pages of your design at the same time. This is useful for a variety of projects, including web design. In Vectornator, Artboards work similar to a layer, with the main difference being that they are represented on the canvas as fixed frames.

Adding a new Artboard

In Vectornator there are three different ways to add a new artboard into your document. They are: Tapping once, holding and drawing, or using a preset template. To access these options in the Artboard Panel, tap the <key>+<key> button and then select “New Artboard”.

As soon as you tap the button, a suggestion box (1) will appear at the top center of the Canvas, which reads: “Tap or draw anywhere to create artboard”.

Adding a new Artboard by tapping

Once you have tapped the artboard icon, you can tap anywhere on the canvas. This will create a new artboard with the same dimensions as the previous one.

Adding a new Artboard by drawing

With the Artboard Panel active, draw a new artboard by simply holding & dragging your finger/pencil/mouse anywhere on the canvas.

Adding a new Artboard using a Template

Inside the Layers Tab, you can access the Artboard Panel. Here you have access to:

A - The Search bar

B - The Document Templates List

To create a new artboard using a standard size, simply tap one of the template icons. By scrolling through this section you will find all the different template formats divided according to categories: Devices, Resolutions, Paper Formats, Social Media, and Icons.

Note: You can’t create overlapping artboards in Vectornator.

Selecting an Artboard

Any artboard can be selected by tapping the artboard’s borders or its title.

Alternatively, you can open the Layers Tab and tap on an Artboard’s name. The selected artboard will immediately be displayed.

Note: In Vectornator, it’s not yet possible to select more than one artboard at once.

Renaming an Artboard

You can rename any artboard in the same way that you rename layers.

Navigate to the Layers Tab an on the artboard’s name to

Type your new name using the keypad, then tap Done to save it.

Deleting an Artboard

Swipe left on the Artboard title or name inside the Layers Tab and then tap the Delete button.

Moving the Artboard

To move an Artboard, and all the layers it contains, tap on the Artboard title in the canvas, and drag and drop it to where you would like to have it.

Switching between Artboard

You can quickly jump between Artboards by simply tapping on its title either on the canvas or in the Layers Tab.

Resizing the Artboard

Select the Artboard (1) you want to change and, open the Inspector.

At the top of the Style Tab, the Artboard Size panel (2) will show up automatically.

By tapping the Width and Height fields, you will have the possibility to directly insert the width (W) and height (H) of your artboard. Simply tap on it and the keypad will show up.

You can also resize the board by holding and dragging the border.

TIP: You can also switch between a white or transparent background inside the Canvas Tab.

Setting the Grid of your Board (iOS)

Grid Settings are also visible directly at the top of the Inspector, and are available for each Artboard individually.

1 - Select the artboard by tapping on the title.
2 - Open the Style Tab.
3 - At the top of the Inspector, switch the "Show to Grid" toggle on.

The new Grid Panel will appear and you will be able to set your grid as Perpendicular or Isometric, and change the Spacing and Angle values exactly the way you want.

Read more in the Settings Section to know how and when to use each grid type.

Duplicating the Artboard

You can now duplicate artboards using <key>CMD+C<key> + <key>CMD+V<key> or using the top bar copy-paste options.

Moving elements between Artboard

Select the element on your Artboard. Then, open the Layers Tab.

Finally, drag and drop your element from Artboard 1 to Artboard 2.

Printing Artboards

You can also print your different Artboards directly from Vectornator. Read more here.

Download
Download the PDF version here.
Last Updated on Jun 25, 2021
Was this useful?