Workspace basics

The Workspace is where you create designs. You have an infinite canvas in where you can directly work but you also have the ability to create pages and artboards that will help you to create exportable components.

The viewport

Surrounded by panels, header and toolbars, in the middle of the workspace, you can find the viewport. The viewport is the design area of a file page. It is practically infinite. If what you need is a frame with specific, limited dimensions, you can create an artboard.

the viewport

Navigate the viewport

Press space while moving your mouse to navigate the viewport. If you are using a trackpad you can do two finger scrolling.

navigate the viewport


To zoom in and out hold Ctrl (or if using macOS) and use the scroll wheel on your mouse. You also have a bunch of useful shortcuts for the most common zoom levels that you can find at the zoom menu in the navigation bar.

All zoom shortcuts →

zoom menu

Dynamic alignment

While moving objects at the viewport Penpot will show alignment guides for the edges and the center of the layers at sight. Dynamic alignment also snaps the object that is being moved to those guides to help you align to the center of the edges of other objects.

Dynamic alignment

If there are more than two objects nearby and you drag one of them Penpot will show their distance to help you distribute them equally.

Dynamic alignment


Penpot has rulers that measure in pixels. Soon there will be guides that can be dragged from the rulers.


Snap to grid

Objects automatically snap to the nearest point of a visible grid. This option can be disabled anytime from the main menu.

snap to grid