The Artboard is the main stage of the Designer. It's where you find the canvas, where you can manipulate your design in real-time by selecting, resizing and moving elements. On top, the toolbar gives you quick access to most important tools. On the bottom, the Ruler shows you the current size of your viewport.

Toolbar

First of all, the Toolbar gives you access to the Insert menu. It also gives you access to other handy tools:

• Select. The default mode for pointing and selecting elements.
• Pan. To drag to move around when zoomed in.
• Zoom. To change the zoom level with click / alt + click. To change the zoom level step-by-step, use the right-click menu.

Canvas

This is where your design is shown. The name of your Screen or Component appears on the left. The current breakpoint appears on the right.

The drag handler on the right allows you to change the viewport width. For components, you can also change the viewport height.

Note: Changing the Viewport width is only possible when your zoom level is 100%.

Clicking the Breakpoint allows you to change it.