Tutorials

How to add a background color to any control

A trick to add backgrounds to any control in Balsamiq.

How to add a blank row to a combobox or menu control

A neat trick to add a blank row to two common Balsamiq controls.

How to keep form labels aligned

A neat trick to keep labels in Balsamiq wireframes aligned even after editing them.

Hold ALT to select layered controls

Speed up your Balsamiq selection skills with this neat trick.

Making the most out of Balsamiq Cloud’s collaboration features

The best wireframes come out of several rounds of feedback and iteration. Let’s explore how to do so in Balsamiq Cloud.

How to add a disabled state to any control

A neat trick to simulate a disabled state to any control in Balsamiq.

How to export a selection of controls

Easily export just a part of a larger wireframe with multiple screens or pages.

Creating your first wireframe

Never made a wireframe before? This page is for you.

How to hide the UI panels

Learn the 3 shortcuts to hide most of the Balsamiq UI, so you can focus on your content.

How to organize wireframes by using a hierarchy

Is your Balsamiq project getting big? Just organize it into folders with this neat trick.

How to add icons to your text

Easily add icons within your text in text-based controls.

How to indent inside any control

A neat trick to add indented text to any control in Balsamiq.

User testing your iPad wireframes

How to test your wireframes with users on an iPad.

Speed up iterating on existing UIs

Starting a digital project from an existing UI — maybe even of a different product! — can save you time.

How to convert a label into a text control with CTRL+ENTER

Need more space for your text? CTRL+Enter your way to spaciousness!

How to link to alternates

A quick way to link to a wireframe's alternate version.

How to make any control linkable

A quick way to make any control in Balsamiq clickable.

How to add lorem ipsum to text controls

A hidden feature of Balsamiq: built-in lorem ipsum text!

Creating a mobile application

How to create a mobile application's wireframes, step by step.

How to simulate multiple selection

A trick to add multiple selection to any control in Balsamiq.

How to quickly draw controls with R, T, Y, I and A keys

Wireframe at the speed of thought using these hidden Balsamiq features.

The 'Resize To...' menu

How to make controls uniform in size in Balsamiq.

How to send things to the back... together!

A neat trick to quickly re-arrange the layering of your Balsamiq wireframes controls.

Specifying interaction with Balsamiq

7 ways to add interactivity to your Balsamiq wireframes.

How to transform a control type into another

Being able to quickly transform controls into different ones is one of Balsamiq' hidden gems!

Use search and hit ENTER twice to start typing

How to quickly add text to controls after adding them via search in Balsamiq.

How to use quick look for BMPR files on Mac

An easy way to preview the content of a project without having to open Balsamiq on macOS.

How to lay out controls using columns

Lay out wireframe content in container controls by snapping to columns.

How to zoom all wireframes at once

How to zoom all your Balsamiq wireframes at once by double-clicking on the zoom icons.

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.