Lost your Mockups key?
Log In to myBalsamiq
Already have a monthly subscription for our cloud-based web
Log In to myBalsamiq
Hello friends of Balsamiq!
We are back from our yearly week-long company retreat, energized and ready to rumble. 🙂
Let's see what's new in today's update:
We have added breaklines support to the Browser control, as well as the Rectangle, Geometric Shape and Horizontal Ruler controls.
Check it out!
In the Horizontal Ruler control, the breaklines have a white mask either above or below the breakline. This allows you to overlay them on top of other controls and convey that there's content above and below your controls.
We finally added built-in support for the iPhone 5 form-factor, and made it the default state of the iPhone control.
You can still switch back to the iPhone 4 version if you want, and your old wireframes will not be affected.
We added a "thumbnails / list" toggle to the Project Browser in the myBalsamiq editor, take a look!
The list view should make it easier to navigate through your wireframes, especially when editing large projects.
By the way, we are working on improving the Project Browser even more, giving you the possibility to re-order, rename and delete mockups from within the editor. Stay tuned!
Confluence 5.1 introduced a feature called Blueprints, which make it easy to add different kinds of pages to your wiki.
With today's update, when you create a new page in Confluence you will see a new "Balsamiq Mockups Wireframe" content type:
Hitting Create will drop you in the Balsamiq editor directly, where you can create your wireframe right away.
When you're done, save your work and close the editor: you will be back in the Confluence editor, with your new wireframe ready to go at the top of your new page. Give the page a name, add a few notes and voila', your feature spec will be ready! 🙂
If you're using myBalsamiq, you're already updated. Just log back in and enjoy.
For other versions, simply install from our download page on top of your current installation. You won't have to re-register.
As always, if you hit any snags with the new build let us know immediately and we'll fix it right up! 🙂
For posterity, these are the version numbers of today's release:
July 16th update: We just posted version 2.2.13 of Mockups for Desktop to fix this full-screen bug and this export bug. Thank you so much Holger, Amanda and Jason for reporting them!
Peldi for the Balsamiq Team
Get the Inside Scoop
We'll send you just one email a month and share a ton of information that you'll get before everyone else. More info about the newsletter here.
We'll never share your email address or spam you.
Your email is never published nor shared.
Many of the iOS controls included with Mockups (e.g., keyboard, picker, pointy button) are sized for the default iPhone size, so if you are using a lot of native controls, the default size should give you a feel for how much you can fit on one screen.
That said, we did try to get the viewport proportions correct for our updated iPhone 5 control because we know that it can be important to get a feel for the actual dimensions. Your technique of making a pixel-perfect viewport and sizing the iPhone control to match is a good approach. Once you’ve done this, you can make that control a Symbol so that you can re-use it at that size. That should save you time going forward. You can learn how to do that here: http://support.balsamiq.com/customer/portal/articles/110439#creating. You might also want to work at non-retina size (320×568) if you’re not working with the actual production graphics. The font sizes should match up at that size.
Another way would be to download these more precise controls from our Mockups To Go site: https://mockupstogo.mybalsamiq.com/projects/ios/iPhone%205 and/or https://mockupstogo.mybalsamiq.com/projects/ios/iPhone+5+Layout.
Hope this helps. Feel free to email firstname.lastname@example.org if you need any further assistance.
Hi Jim, can you please email more details (and ideally screenshots) to email@example.com for debugging?
The Confluence Version
Using the option for the blue print feature only gives me a spinner near the next button and Balsamiq never comes up. What might be wrong with my config?
Is there an easy way to get the iphone to be the actual size? I didn’t find a way to do it. Instead, what I did was 1) add the iPhone to my mockup (default size 282px x573px), then 2) I added a rectangle, making that the actual size/resolution of the viewport 5 (640px x 1136px). and, finally, 3) I resized the iPhone 5, preserving the aspect ratio, using the rectangle as a reference.
I realize that Mockups is not intended for pixel-perfect designs, of course. But I was looking for a way to ensure that my designs would fit a “realistic” amount of stuff on the screen, and matching pixel-resolution seemed one way to do it…What do others do? Eyeball-approximate the fit of their designs?