How to Wireframe? – Balsamiq Basics


Balsamiq is a wireframing tool developed for both Windows as well as Mac users. It reproduces the experience of sketching wireframes in a notebook on a computer. It comes in very handy as it offers readily designed basic wireframe templates to work on, so you can directly focus on the content rather than the design of the wireframe. Let’s learn- How to wireframe with Balsamiq?
 
How to get started in Balsamiq?

To download the software, visit the link given below : 
https://balsamiq.com/wireframes/desktop/
Once downloaded, install it on your Mac or PC, and you’re ready to get started. You don’t need an account to begin using Balsamiq, and it’s free and fully functional for 30 days.

How to work in Balsamiq?

When you fire up the software, you’ll be greeted with this screen.


You should now add a screen may it be mobile or desktop to start with wireframing.

You can double click to edit the contents on the wireframe.
Not just desktop browsers, you can also choose mobile devices and tablets to wireframe upon, for instance, an iPad.

To do that, select iOS from the second row of the top toolbar and choose the iPad.
If you want to choose an Android smartphone, go under ‘Containers’ and select ‘Smartphone’.

You can also change the skin of the object from a sketch to an actual wireframe.
In the properties tab on the right, under the ‘Skin’ section, toggle ‘Sketch’ to ‘Wireframe’.
Your object will now look something like this.

You can add elements on the interface by dragging and dropping them on the screen from the top bar.

If you can’t find what you’re looking for, there is a ‘Search’ option provided on the top left of the screen where you can easily find any element that you may need.
You can access the individual properties of any element by control-clicking on them.

To export your file, select the ‘Project’ and do the following.

You’re done!
Now you can share your exported wireframes anywhere. 

Rashika Ahuja

Make your mark with Great UX