The toolbar

The outer edge of the Balsamiq editor has a series of buttons and fields that allow you to wireframe with just the canvas.

Balsamiq editor with labeled top, left, and bottom-right toolbars for navigation and wireframe editing.

We've split the toolbar into three main sections.

The top bar

Top bar of Balsamiq editor with labeled menus for project, wireframe, editing, and viewing options.

The upper-left holds most of the editor menus.

  • Project Menu - This menu has all of the options for the project.
  • Wireframe Menu - This menu has all of the options for the currently selected wireframe.
  • Edit Menu - This menu has all of the editing options for the currently selected wireframe.
  • View Menu - This menu has all of the viewing options for the project.

Center of top bar showing editable project name in Balsamiq editor.

The middle part of the Top Bar holds your project name. Double-click it to rename your project.

Right side of top bar with labeled search, share, and avatar menu options in Balsamiq editor.

Finally, the upper-right portion of the Top Bar has a couple more useful tools.

  • Search - Use search to find UI elements, icons and templates.
  • Share - This opens the sharing settings for this project.
  • Avatar Menu - This is where you can open your User Settings, manage your subscription (only in Balsamiq Cloud), change Spaces (if you have more than one), create a new Space.

The left bar

Left bar with labeled icons for UI library, quick draw elements, comments and project navigator.

The left bar help you to navigate and add UI elements to your project:

  • Toggle UI Library - This button will toggle the UI Library.
  • Rectangle (R) - Add a Rectangle element to the canvas. The default is a Rectangle but you can change the shape in the property inspector.
  • Text (T) - Add a Text Paragraph element to the canvas.
  • Image (I) - Add an Image element to the canvas. The default is a placeholder but you can add your own images in the property inspector.
  • Arrow (A) - Add an Arrow element to the canvas. Remove the arrow heads in the property inspector to get a simple line.
  • Comment (C) - Quickly add a comment with callout to the canvas at the cursor position.
  • Toggle Navigator - This allows you to display and hide the navigator. Great for clearing up screen real estate.

The bottom-right bar

Bottom-right bar with labeled icons for undo/redo, zoom options, presentation mode, background music and help.

The bottom-right bar allows you to control your view of the canvas:

  • Undo/redo - Allows you to undo/redo the last change.
  • Zoom options - Zoom in/out, Zoom to Actual Size, Zoom to Width and Zoom to Fit.
  • Full Screen Presentation Mode - Pressing this button will open Full Screen Presentation Mode.
  • Toggle Background Music - This allows you to play and stop the built-in background music.
  • Help - Lets you search the Balsamiq documentation or reach out to our Support team.

Our monthly emails will make you better at your job

Get our inside stories on product design, making things people love, and running a business built to last. Delivered once a month to your inbox.