FlairBuilder

What is FlairBuilder?

The Best Way to Structure Responsive Websites and Mobile Apps

FlairBuilder is a prototyping tool that allows you to create interactive wireframes for websites and mobile apps. It's easy to learn and use and comes with plenty of options.

Beautiful and responsive wireframes

Create clean, beautiful wireframes for up to three breakpoints. With a full set of built-in components, you can get a proof of concept for customers quickly. Powerful, easy-to-use tools are there to help.

Interactive prototypes

Impress everyone on your team and your customers with powerful interactions. From simple page-to-page transitions to advanced animations, everything is just a few clicks away.

Online viewer

FlairBuilder's online viewer allows you to easily share your projects with anyone. Open prototypes on your target devices and share them with your team in minutes.

What you can do with FlairBuilder

Mobile app prototyping

Prototype apps and preview them on your device.

Target specific devices and OS

Android, iOS and Windows. Phones and tablets.

Advanced screen transitions

Realistic mobile interactions with smooth screen transitions.

Scrolable content and top/bottom bars

Set the specific fixed top and bottom bars for each page.

Mobile CSS grids and typographic tools

CSS grids intelligently adapt to the width of the screen.

Best tools for beautiful wireframes

FlairBuilder has a whole set of design tools allows you to create an impressive design from day one.

Harmonious design with CSS grids

Grilles have been used in design for centuries. Give your wireframes a healthy boost with a sleek layout structure and rhythm.

Specialized typography

Good typography represents 90% of a beautiful design. Set the specific font size and line height for each breakpoint for a consistent vertical rhythm.

Behaviors and animations

A rich set of built-in behaviors and animations allows you to create stunning interactive wireframes. Good UX is where experimentation is always possible.

Feature included in bones

The bits that complete FlairBuilder.

Master pages and layers

Reuse elements from multiple pages like navigation, menus, and what's not a no-brainer. Save precious time and get quick feedback from customers.

Reusable symbols

Symbols allow you to create reusable components that you can place anywhere in your templates. More freedom and space to experiment.

Export to PNG/HTML

When the free online viewer is not an option, export your mockup designs to HTML offline. Or just export PNG images to your final products.

Copy paste

Duplicating content can also save you time, so you don't have to rebuild similar components over and over again. Or just copy the attributes of the component (coming soon).

Unlimited undo and redo

Exploring various design options is great, especially when you know there's always a way back. Feel free to experiment and explore.

Shortcut keys

From the shortcut keys of the standard designer tools to the more specific ones, you can find your way through the application with your keyboard hand.

Advanced icon sets

A picture is worth more than 1000 words. It's a cliché, but it's also true. With over 700 icons to choose from, you can't miss it. FlairBuilder to the rescue!

Embed your own images

Last but not least, use your own images to get an extra drop of realism in your projects. Just make sure they're in retro black and white to cool off.

System Requirements:

CPU: 1.8 GHz dual core processor

RAM: 2 GB

HDD/SSD: 50 GB of free space on main drive

Operating system: Microsoft Windows 8 32-bit, Microsoft Windows 7 32-bit and Microsoft Windows Vista 32-bit

Resolution: 1024×768

Mac OSX 10.6 and 10.7

Linux 32x and 64x

Androi and iOS