Artboards are another essential feature for any marketing design team, allowing you to work on multiple design concepts within a unified document. You can freely experiment with different ideas and variations without needing separate files.

Duplicating, resizing, coloring, and arranging Artboards are all seamless processes, streamlining the exploration of diverse design possibilities.

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

Add a new artboard

In Linearity Curve, there are three different ways to add a new artboard to your document. To activate the New Artboard Mode, click the ic-plus icon button in the top right corner of the Layers Tab and then select New Artboard ic-add-artboard icon .

As soon as you click the button, a suggestion box will appear at the top center of the canvas, which reads: “Click or draw anywhere to create an artboard.”

adding artboards

Add a new artboard by clicking

Once you have clicked the New Artboard button, you can click anywhere on the canvas. This will create a new Artboard with the same dimensions as the one you’ve previously created.

Add a new artboard by drawing

With the Artboard Panel activated, draw a new Artboard by holding & dragging your mouse anywhere on the canvas.

Add a new artboard by using a template

When in New Artboard Mode, you can access the Artboard Panel. Here, you have access to the Document Templates List.

To create a new Artboard using a standard size, click one of the template icons. By scrolling through this section, you will find different preset template formats (A) divided into the following categories: Paper formats, Devices , Resolutions , Social Media , Icons , and Custom.

In the Custom category, you can find all the Document Templates you have created inside the Document Picker. Alternatively, you can create a Custom Template by clicking the button at the bottom of this window.

At the bottom of the Document Templates List, you can choose the orientation of your artboard (B) by clicking the Portrait ic-portrait icon icon or Landscape ic-landscape icon icon. At the top of this tab, you can find the Search bar that helps you navigate and find your template.

Adding artboards using a template

Select artboards

You can select an artboard by either clicking on its borders or title.

Alternatively, you can open the Layers Tab and click on an Artboard’s name. A bounding box around the artboard will be displayed immediately.

Rename an artboard

You can rename any artboard in the same way that you rename layers. Navigate to the Layers Tab and double-click on the artboard’s name to enter the Edit mode. Then, type your new Artboard's title.

By default, shapes and groups are created with consecutive indexation, such as "Rectangle 1," "Rectangle 2," "Group 1," "Group 2," etc. to help you manage and organize your projects by assigning individual names to each element.

Delete an artboard

Inside the Layers Tab, swipe left on the Artboard title or name and tap the Delete button. When you select the Artboard, a bin icon appears at the bottom. Click the bin ic-delete icon button to delete it.

Deleting an artboards

Move an artboard

To move an artboard, and all the layers it contains, click on the artboard title on the canvas, and drag and drop it to where you would like to position it.

Read more:

To avoid clicking countless times inside nested groups to select a specific element, you can activate the Click-Through Mode. This feature allows you to select the nested element you want directly with just one click. To discover more about this feature, hop over to the Selection Tool section of our User Guide.

ic-external-link icon

Duplicate artboards

If you want to duplicate one artboard, select it and click the Duplicate ic-duplicate icon button. A copy of your duplicated artboard will be inserted on the right side of the original board.

Duplicate an artboard

You can also duplicate an artboard by selecting the artboard, clicking the right mouse button to open the context menu, and selecting Duplicate. This will cause a copy of your duplicated artboard to be inserted on the right side of the original board.

duplicate artboards with right click

Export artboards

You can export single or multiple artboards depending on your needs.

exporting artboards

Read more:

Visit this User Guide section to learn how to export in Linearity Curve

ic-external-link icon

Move elements between artboards

You can move elements between artboards in two ways:

  1. From the canvas, select the element(s) you want to move from Artboard 1 and then drag and drop it (them) onto Artboard 2.
  2. In the Layers Tab, select the element and drag it from Artboard 1 to Artboard 2.

Disable Artboard Clipping

You can set the clipping behavior of your artboard regarding objects that overlap outside the Artboard borders. You can choose between two clipping behaviors:

  1. Disable Clipping for selected Artboards
    Objects or parts of objects outside the borders of your selected Artboard will not be clipped and will be visible with reduced opacity.
  2. Clip all
    All objects or parts of objects outside Artboards will be automatically clipped.

You can find the settings in the Settings menu ic-settings icon on the top right of the Action Bar. Select Canvas, and the clipping options can be accessed under Clip Artboards.

Set the artboard background color

First, select your artboard in Linearity Curve. This will open the artboard settings in the Inspector on the right side of your screen.

In the Inspector, you can find the following options:

A – The Template button allows you to change the size of your artboard by using a preset size.

B – The Fill toggle allows you to change the color of the artboard.

C – The Grid toggle allows you to show a perpendicular or isometric grid for your design.

To change the artboard color, activate the Fill toggle ic-toggle-on icon and choose a color from the Color Picker. If the toggle is set to off ic-toggle-off icon the checkerboard grid will appear.

Would you recommend this tutorial?
Get started with Linearity today.

Get Started