👋🏽 We wrote a book! Order Wireframing for Everyone today →

Balsamiq

Toggle navigation

The Navigator Panel


The navigator panel on the left displays the list of wireframes. The currently selected wireframe is highlighted.

You can select multiple wireframes in the navigator panel by holding down CTRL or SHIFT and clicking on them. They can be displayed in text-only form, or with a thumbnail preview.

Jumping in-between wireframes can also be done using your keyboard via CTRL+TAB or by clicking on one in the navigator and using and . You can also hide the navigator panel by clicking the navigator toggle in the Left Bar (keyboard shortcut: CTRL/+J).

Wireframes can be reordered by dragging them up and down in the navigator panel. This can be useful when exporting to PDF, for example.

Using a Hierarchy

The navigator panel also offers a hierarchical structure to better organize your wireframes.

To use it, select the wireframe you wish to be the child and press TAB. The child wireframe will be placed in a tree hierarchy below the wireframe above it.

You can then use the arrows to the left of the parent wireframe to display and hide the wireframes under it.

gif

To restore it to the top level, use SHIFT+TAB. The animation below demonstrates nesting wireframes in action.

gif

Context Menu Actions

A context menu is also available for the wireframes that are open in the navigator panel. You can either right-click on the selected wireframe, or click the small caret that appears when you hover over it, to open the menu.

This menu contains options such as rename, cut, copy, move to trash, and duplicate. It also contains actions for working with alternates.

Renaming Wireframes

Renaming wireframes can be done via the context menu or by double-clicking on the name of the wireframe in the navigator panel. Wireframes with links will automatically be updated when a linked wireframe name changes.