Web Design » Figma » What Is an Artboard in Figma?

What Is an Artboard in Figma?

Last updated on September 28, 2022 @ 10:03 pm

PRO TIP: This article contains information about artboards in Figma and how they can be used. It is intended for informational purposes only and should not be used as a substitute for professional advice or instruction.

An artboard is a container in Figma where you can place and arrange design elements to create a complete design. You can add as many artboards as you like to your Figma file. Each artboard can have its own background color, grid, and layout.

You can use artboards to create different versions of your design or to represent different screens in your app or website. For example, you might have an artboard for the home screen of your app and another artboard for the login screen.

Artboards are also useful for creating variations of a design. For example, you might have one artboard for the desktop version of your website and another artboard for the mobile version.

To add an artboard to your Figma file, click the “+” icon in the toolbar and select “Artboard” from the menu. You can also use the shortcut “A” to add an artboard.

When you add an artboard, you’ll be prompted to give it a name and specify its width and height. You can also choose whether to align it to the left, center, or right of the canvas.

Once you’ve added an artboard, you can start adding design elements to it. To do this, click on the “+” icon in the toolbar and select the type of element you want to add from the menu.

Alternatively, you can use shortcuts to add elements quickly. For example, press “T” to add a text box or “G” to add an image.

You can move and resize elements by clicking on them and dragging them around with your mouse. To delete an element, click on it and press the “delete” key on your keyboard.

When you’re happy with your design, you can export it as a PNG or JPEG image by clicking on the “File” menu and selecting “Export.” Alternatively, you can use the shortcut “Ctrl + E.”

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.