Wireframe Design
FlairBuilder helps you design clean and elegant wireframes. Fast.
Multiple pages, a single project.
It’s essential to organize your project in logical modules and sections. FlairBuilder lets you do that easily.
Pages can be organized in a hierarchical structure and with just one click you have a access to a site-map diagram of your project.
Rename pages with double-click. FlairBuilder will preserve links between pages intact.
Master pages and page layers
Master pages are a powerful tool that allows you to build complex user interfaces with a complex task flow by keeping content duplication to a minimum.
Any page can serve as a master/template to another page, so you can progressively build upon existing elements while maintaining control over the entire prototype.
Make a modification to one of the templates and all pages that rely on that template are automatically updated.
Plus, you can overlay multiple layers on top of a page to prototype common interactions such as popups and modal dialogs.
Guides and Rulers for a precise layout.
An wireframe, even if just a proof of concept, it’s sometimes important to have a balanced layout. Spacing is important, if not critical.
It also doesn’t hurt to look good to your client when presenting the wireframe. FlairBuilder helps you with that, providing the tools you’re familiar with from traditional design software.
Support for CSS grids is an additional tool that helps you get the best looking wireframe designs. It’s flexible and easy to set up.
Multiple themes support
When just starting with design, it’s better to keep things low fidelity, so people don’t get carried away with details. For that, FlairBuilder comes with a low-profile theme for your wireframes, the sketch theme.
You can easily and safely switch from one theme to another, without loosing any details. Components are just as interactive in both themes, and all interactions work as expected.
