Text Link
<path d="M5.87042 2.7734L5.86962 2.74041C5.85255 2.39062 5.56567 2.1123 5.21426 2.1123C4.86286 2.1123 4.57598 2.39062 4.55891 2.74041L4.55811 2.7734V5.81518H1.32315L1.2904 5.81598C0.943229 5.83318 0.666992 6.12222 0.666992 6.47627C0.666992 6.83033 0.943229 7.11937 1.2904 7.13657L1.32315 7.13737L4.55811 7.13735V9.61648L4.55891 9.64947C4.5599 9.66974 4.5618 9.68977 4.56456 9.70952V16.8906C4.56456 18.5402 5.37687 19.3714 7.0092 19.3919L7.07159 19.3923H19.2223C20.8675 19.3923 21.716 18.5739 21.737 16.9525L21.7374 16.8906V13.1864H15.8582C14.8507 13.1864 14.3614 12.711 14.3448 11.7141L14.3444 11.6612V5.81847L7.27031 5.81852L7.23733 5.81602L7.20391 5.81518H5.87042V2.7734Z" fill="currentColor"/> <path d="M21.1675 10.9808C21.5225 11.3396 21.7374 11.6565 21.791 11.9807H16.016L15.9834 11.98C15.7168 11.9693 15.5835 11.8239 15.5835 11.5368V5.81516L15.6245 5.82217C15.9387 5.88333 16.2486 6.11373 16.6248 6.48497L21.1182 10.9316L21.1675 10.9808Z" fill="currentColor"/>


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

Follow Along!
Learn Vectornator from A to Z with this downloadable sample file.
Download File

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 Artboards

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

Resizing the Artboard

Once you select the Artboard (A), you can resize it in three ways:

1 – Open the Arrange Tab in the Inspector and go over the Size (B) section. 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.

2 – Holding and dragging the border.

3 – Open the Quick Settings from the Widget Area, select Artboard & Grid and then edit the width and height values accordingly to your needs.

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~C~key~ + ~key~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.

Learn Vectornator
Learn how to create your next design by using this Vectornator sample document.
Download the PDF version here.
Last Updated on Mar 09, 2022