Recently, I received a copy of Flair Builder , a new wire-frame, mock and interactive prototyping tool. As many of my readers know, I am very much for utilizing paper prototyping for the first few iterations of a design.
Of course, when I need to present something to a client I try to clean up the design as well as illustrate complex interactions. This is where a tool like Flair Builder can come in handy.
Flair builder is built as an Adobe Flex application and allows for quick and rapid building of both lo-fi and highly interactive prototypes. In total I would estimate it took me about 1 – 2 hours to feel comfortable enough in the application to actually get to building out a project. Projects allow for both multiple pages, as well as master pages which I found to be useful when coping elements across new pages such as a menu
As for the individual components Flair Builder does a good job of giving you some highly interactive pre-built components. Some of these include, dynamic menus, interactive tab structures, graphs, charts, trees, multimedia controls, datagrids, etc…
I was especially happy with how easy it was to align elements on the screen. As I dropped a new element into place a cross-hair was displayed with which you can use to line up your current element with previously placed elements. In addition, most of the interactive widgets provide states for interactivity. These events could be.
modified to perform other interactions when in preview mode, like launch a pop-up .You can view this interactivity by switching to preview in the “View” menu.
The application looks to be in the very beginning stages, but does have a lot offer for quick prototyping. In my tests I was able to do almost everything I wanted to in illustrating my application UI. There were a few small bugs I came across, but nothing that prevented me from getting the initial master page and a few demo pages put together. There is an active community for the tool and the developer seems to be open to suggestions and ideas for interface improvements.
Compared to other tools on the market flair builder is lacking in a few key features, but as of the initial writing of this article. Over 2 new versions were deployed. I also really want to see some advanced printing features in the next version. I like to take and scribble on my mocks. I really feel the strong points of the application are in the interactive prototype features. It’s a strong contender and I look forward to seeing what will come next.
[xrr rating=3/5]
Twitter is a great way to share new and exciting resources with all our viewers. Each day I provide links and commentary on all things UI. You can find UI resources, UI design examples, new techniques, and a lot more by Following @UIDESIGNGUIDE on Twitter.

The idea for this design blog first came about two years ago at SXSW Interactive.
Currently UI Design guide is in its fourth redesign. This site takes quite a bit of time to maintain as well as write the content. Just like UI Design this site is a passion that keeps evolving.
Inside, I cover articles on many topics icluding: lessons, prototyping methods, agile UX methods, design reviews, design challenges, application features, and of course design experiences, just to name a few.
With all the blogs out there you may be asking yourself who are you to give advice? That's a fair question. If you have a moment feel free to read about my design history.
Hi there,
Thank you so much for your extensive review. I am glad it generally worked fine for you. As you said, I’m doing my best to move FlairBuilder forward based on users’ feedback and suggestions.
Print has been indeed requested a few times now but I haven’t yet figured out how would this feature look like given the dynamic nature of FlairBuilder’s wireframes. Pages may have many states and it’s hard to capture all of them in a printed document. There is an export image option that you could use to print different states of a page.
Themes are something to be added very soon.
As for the recently opened files… point taken! I actually have the code in there but it’s not yet 90% done.
I look forward to hear more from you. I’m most happy when people find my little app useful.
Cheers,
Cristian
I agree I have really taken to this product. I especially like the ability to apply events to various elements. I can run people through “How would you accomplish this” tests quite quickly. I also like the abiltiy to use master pages for the various layouts in a project.
Hi,
Dunno whether this would be heavy to run on PC.
Can you suggest me something other then Visio for wireframes.
As of now I use Visio extensively but feels I need something else to show interactions on screen.
Tried Axure..but didnt find it that good n user friendly.
Lemme know
Rajat