#USING BALSAMIQ MOCKUPS HOW TO#
#USING BALSAMIQ MOCKUPS DOWNLOAD#

Download the one you prefer and you save it directly to your assets sub-folder, then drag it on to the wireframe. Twitter Bootstrap Background Grid Lay out the page using a grid – Use CTRL+K to hide the gridīootstrap has various background grids that you will find on Balsamiq’s Mockups to Go. Note: Rather than copying and pasting your assets folder each time, you can simply create a single account assets folder on your computer. This is a great solution - except if you are physically sharing your *.bmml files with someone else in a company, in which case you will need to give them the assets folder or items will be missing from the wireframes. Below are some of Balsamiq Mockups UX artefacts contained in my ready made assets folder. However, my pre-made “assets” folder is stuffed with all sorts of templates and other “goodies” which make my prototyping process easier. I say ready-made because you can simply create a blank sub-folder and name it “assets”. bmml files in one folder and an assets sub-folder Assets Folderīefore I start the project, I also copy in a ready-made “assets” sub-folder. bmml files into that folder, as recommended by Balsamiq. I create one project per folder, and add all the. Client X > Project Y > Project Y Wireframes 1.0 When I want to create a new set of wireframes, I create a new sub-folder in the appropriate place e.g. I have a system of folders and sub-folders relating to my clients and projects etc, which I synch in Dropbox. Setting up a New Balsamiq Mockups Project Over the years, I’ve developed some extra tips and tricks that maybe puts me on the intermediate-to-advanced curve.

#USING BALSAMIQ MOCKUPS HOW TO#

I first chose to use the wonderful Balsamiq Mockups, the desktop version*, for a client project in January 2011 and it has become my main UX design tool ever since.Īnyone can dive in and figure out how to use Mockups - there’s a rapid beginner-to-intermediate curve. Icons, symbols and symbols libraries are much more tightly integrated with the app.Presentation mode “jumpiness” is no longer an issue.Projects and Font Awesome icons are now integrated as part of the app.A lot has changed with the version 3 release and, looking back, I use it WAY more efficiently. What follows is an article on how I used to use Balsamiq. Many of the improvement suggestions that I fed back to Peldi, Mike and the Balsamiq team rapidly ended up in the product - it was great to see how they put customers at the centre of everything they do. I gave a lot of feedback and I subsequently carried out usability testing for the company. Last year, I was invited to be one of the very early beta-testers. When I wrote this article, I was just a Balsamiq fan / power-user.

Check it out: įrom a personal perspective, the release of Balsamiq 3 was exciting. In March 2015, Balsamiq released a new version of their software, Balsamiq Mockups 3, which has a load of great new features and is even easier to use. I wrote this article when I was using the old version of Balsamiq Mockups, now known as “Balsamiq 2”.

Using balsamiq mockups