Create Wireframes and Prototypes with FlairBuilder

The wireframing industry, you can call it that way because there are numerous players, is rapidly evolving. And with this evolution comes diversity, which we all know drives innovation and lowers the price. This post is a review dedicated to wireframing and prototyping tool called FlairBuilder.

A step into FlairBuilder

For users that are familiar with wireframing tools, FlairBuilder will look close to standard from the functionality point of view. It has a simple user interface focused around the canvas, having the main components, interaction and hierarchy displayed in the right side. In this way you can easily drag your desired components onto the canvas and create your wireframes.

flairbuilder-homepage

For those of you less familiar with this type of applications, FlairBuilder has prepared a startup project that has most of the functionality enabled. In this way you can learn very fast from examples how to create wireframes and prototypes using FlairBuilder.

Interactive Sketches. Usually, with a wireframing tool all you can achieve is a static result, represented by lines and shapes. With FlairBuilder this changes because you have the ability to add events and make your wireframes interactive.

To add interaction to your wireframe and turn it into a prototype, all you have to do is to drag and drop the component on your canvas. With your component selected you can easily add events in the Event section from the right sidebar. Keep in mind that not all components can have events attached.

Working with FlairBuilder

Now that you know a little about the product, I want to share with you some personal thoughts about the application. For other information, please check www.FlairBuilder.com and you might as well try the online demo of the application.

flairbuilder-welcome-screen

The Good

Productivity. The first thing that I want to mention is the productivity. Being able to choose from a variety of components makes your life a lot easier and you can rapidly turn your ideas into draft demos.

Easy to Use. FlairBuilder has a simple interface and because of that, you don’t have to be a genius to work with this application. As an estimation, I would say that an average user will get used to the application in 2-4 hours.

Great Feedback and Support. Even though FlairBuilder is a young application, the feedback and support is almost beyond reproach. I’m saying “almost” because it is a one-man-show application and not all requests are integrated, but all requests are considered.

The Bad

Inconsistent UI. Although FlairBuilder is an application dedicated primarily to designers, the user interface has some glitches. It has a feeling of inconsistency. Probably in the near future the UI will have a bigger priority since the application is stable and it has a lot of features.

…and the Conclusion

To summarize this review, we can say that FlairBuilder is a good alternative in the wireframing industry and a possible leader in the prototyping area. With constant additions to the functionality, the application can only expect positive reactions from the wireframing and prototyping users.

FlairBuilder Home Page: www.FlairBuilder.com
FlairBuilder Demo: http://www.flairbuilder.com/demo/
FlairBuilder on Twitter: http://www.twitter.com/flairbuilder

I would also like to say Kudos to Cristian Pascu, the creative developer behind FlairBuilder. Make sure to check the website for promotions and giveaways. For December you will get a 20% discount. Cheers!

Sponsors

Community Links

  • Create the Toyota logoHi there. In this tutorial you can learn to create the Toyota logo. It is all about circles and the Pathfinder panel. You will have to create a series of circles of exact dimensions. Regarding that,the grid and the snap to grid option will ease your work.
  • 60+ Creative And Well Designed PagesWhen doing my research for 404 error pages, I was surprised to see that three quarters of the websites I visited did not have custom 404 error pages.
  • Design an animated banner in PhotoshopIn this tutorial I will show you how to use Photoshop to create an animated leaderboard banner.
  • Top 10 Websites To Brush Up Your jQuery SkillsTo brush up your skills in jQuery, we present you Top 10 Websites For Free jQuery Tutorials that have been providing some cool demos and step by step guidelines, such that a beginner can master his skills of jQuery easily
  • Top 8 Principles of Effective Website DesigningEverything is guided by certain set of standards, rules and regulations. If the task is not driven by some guidelines, then it could face difficulties for its successful completion.
  • 61 Incredible Logo Designs #3Here’s yet another roundup of amazing logo designs. This is a series that we do frequently, so make sure to check out the past logo articles.
  • 20+ Amazing Product PSD files found on DeviantARTThese are a selection of over twenty PSD files which I have found over on DeviantART, specifically of various electronic products.
  • Create a documents icon in IllustratorHi there. In the next tutorial you’ll learn to create a pretty common icon. To reach this result you need to know how to use the Rectangle Tool, the Pen Tool or the Type Tool.
  • 10 Downing Tweets10 Downing Tweets is a Flash and Twitter based website created by twentysix Leeds. The site includes a twitter vote, a daily poll and an insight on the twitter noise the election is receiving. Will the final results on our site echo who gets elected?
  • 20 Clever Futuristic Free FontsFuturistic fonts were always one of my favorite font styles. I was never that much into grunge and similar styles. I rather keep it clean, but still cool looking. If you like this style, take a look at the collection of 20 free futuristic fonts I put toge