A Thriving User Community #
Adopting Balsamiq Mockups means joining a growing community of programmers, designers, product managers and usability experts who are passionate about creating software and web sites that delight users every day.
This page highlights some community tools and websites which might be useful to you. We are not affiliated with the makers of the products below unless noted.
More UI Controls #
- MockupsToGo is a user-contributed collection of ready-to-use UI components and design patterns built using Balsamiq Mockups. New patterns are added all the time - we hope you'll want to contribute as well!
- Windows Store Apps Design Stencils are designed to help you sketch a design for a Windows Store app. Made by Microsoft.
- Mock4U is a set of UML stencils for Balsamiq Mockups.
- Blackboard Learn Symbols is a series of assets to help design user interfaces for custom Blackboard Learn (9.0 and 9.1) extensions.
- Charts for Mockups is a library of 18 additional Graph & Chart Symbols for Balsamiq Mockups.
- Magento Wireframes is a set of templates for desktop and mobile layouts for Magento created by NuBlue.
Custom Icon Packs #
Icons that are ready to drop into Assets using our icon_ file naming convention.
More sketch-style icons.
Instructions on how to use custom icon packs are here.
Exporting Your Mockups To Code #Web
- to HTML/CSS: PHP Mockup to HTML exporter (open-source)
- to HTML/CSS: nedeco converter (freeware)
- to HTML Image Maps: try vi.to/bmml (open-source, blog post intro)
- to Coldfusion: try this CFBuilder extension called Gilt
- to HTML/JS or GWT: Reify transforms mockups into SmartClient or Smart GWT applications (commercial, blog post intro)
- to HTML/CSS/JS: try Napkee (commercial, blog post intro)
- to PNGs: try this set of command-line scripts or this Ruby script to generate mockup images in batches
- to a 3-tier application: try the WebORB Exporter
- to a live application using MS Word: try SoftwareServant (blog post intro)
- to XAML: learn about the MockupToXaml project (open-source)
User Testing Your Mockups #
Prototypes made with myBalsamiq can be user-tested with the following tools:
- User Testing your myBalsamiq Prototypes with UserTesting.com
- How to test your myBalsamiq prototypes with Loop11
- User Testing your myBalsamiq wireframes with Usabilla
- User Testing your myBalsamiq Prototypes with Kupima
- User Testing your myBalsamiq Prototypes with UserZoom
- Give Mockup presentations on your iPad/iPhone with Link Viewer (also works with Mockups for Desktop)
- Learn more...
You can also test mockups created with any version of Mockups using the tool below:
Other Products That Work With Mockups #
Mockups saves your data in an open, human-readable, documented XML-based file format called BMML. Mockups can also be exported to PNG images and PDF. Here are some tools that work well with Mockups' file formats.
- Frontify, a web app for creating specifications, light prototypes, and style guides from your Mockups PNG files and myBalsamiq prototypes.
- Flairbuilder, a prototyping tool that imports BMML
- SketchyPad and iMockups are iPad applications that exports to BMML. An iPad application is on our roadmap too.
- MockGen turns web pages into BMML mockups with one click
- If you work with SWT, you'll like this open-source SWT to BMML importer
- LiveMockups is an application that helps you show your Mockups prototypes on an iPhone or iPad
- Wirify Pro is a bookmarklet which turns web pages into BMML mockups
- Clickdummy can be used to get feedback on your prototypes
- Mockups.me is an iPad, Android, Web and Desktop wireframing app that imports and exports BMML files
- mockupsNode is a NodeJS module that reads, manipulates, and writes BMML files
- Mockups Strings Extractor is a Python script to extract text strings out of Balsamiq Mockups files (Open Source!)
More Community! #
- UX Apprentice is a resource for people new to User Experience Design.
- Questions on the Balsamiq GetSatisfaction forums always get answered quickly and respectfully, new features are designed collaboratively and in the open (here's a sample, and another) and bugs get prioritized based on customer votes there. Take a look!
- Twitter loves us, and we love it back! You can follow @balsamiq to keep up with what we're doing or simply search Twitter for "balsamiq" and see what people think about us.
- Become a fan of Balsamiq Mockups on Facebook and connect with other Mockups lovers out there! Learn more...
- We are proud to sponsor the best events, blogs and websites related to UX, IA and startups. It's just our way to help our community flourish. Learn more...
- Free myBalsamiq for UX Training. If you are a usability professional, you might be interested in our Free myBalsamiq for UX Training program. Learn more...
Join us! #
Do you know of any other Mockups-related tool or website out there, or are you building one? Get in touch! We'd love to help you in any way we can!