Overview
FlairBuilder features a simple, clean, and easy to use interface. Here’s an high level overview of what’s in it.
Application’s toolbar
The clean toolbar at the top lets you customize the look’n'feel of the components on page. You also have access to various common design functions like z-index reordering, lock/unlock, align and distribute, save, open recent and undo/redo.
Component palette
The component palette makes available around 70 components. From simple elements to advanced user interface components, fully interactive and ready to use. Beside the components themselves, you also have access to a range of shapes that let you wireframe your own components.
Pages
The pages panel lets you organize the pages of your project. You can structure them in a page-subpage hierarchy. To edit the properties of a page, double click it to open the Page Settings dialog. The way you structure your pages reflects in the sitemap of the project.
Layers
Page layers (described in more details here) are a great tool for prototyping over-the-content interactions such as popups, light box windows, rich tooltips and even different page states.
Themes – Sketch and Plain
FlairBuilder supports two different themes. First one, the default theme, is sketchy, and mimics hand-drawn wireframes. Second is a plain theme, with thin and straight lines, better for slightly higher fidelity wireframes. Both themes support the same level of interactivity.
To switch between the two themes, use the View menu from the application’s menu bar.
Next: Working with pages >
