Help & Support

Working with Pages

FlairBuilder projects are composed by several pages which can be structured in a page-subpage hierarchy.


Creating new pages

To create new pages, use the controls from the toolbar of the Pages panel. Either create a new page, or duplicate an existing one.

To make a certain page default (that is, it will be the first page shown when opening the project), click on the little “1″ icon when that page is selected.

To reorder the page list or to create a pages hierarchies, drag and drop pages as you wish.


Edit page properties

To edit the properties of a page, double click it to open the Page Settings dialog.

This dialog lets you choose a name for the page (doesn’t have to be unique).

Also, you can choose a master page, which can any of the other page in the project. When you apply a master, the width of the page will change to the master page’s width. However, you can still input a height for this page.

Last, you can display a CSS grid in the background of the page (only if you didn’t apply a master) for better content layout. Just thick the checkbox and set the grid parameters you prefer.


Embedding pages

It is possible to embed one page into another by Shift+drag&dropping it from the Pages view. Once embedded, it will work as a custom component, meaning that it will update whenever you make changes to the original page. More than that, you can override some of the components inside. You can, for instance, change the styling (background color, border color and style) or formatting (font color, size, styling). You can even change the text for labels, and buttons, and links, which should be enough for most usecases.

Next: Masters and Layers >

What people say about FlairBuilder Read more →

  • “As a Web Designer, I think that Flair Builder will revolutionize the way we do wireframes for our projects.”

    Aljiro’s Design Blog Aljiro’s Design Blog

  • “I have just started to play with FlairBuilder and I’m already blown away! Sure, [brand X] is cool and free, but FlairBuilder is amazing!”

    Daniel Lewis Daniel Lewisthe Ramen Noodle

  • “Quick, easy to use, intuitive.”

    Andrew Regiec Andrew Regiec

  • “It’s very user friendly, so far the best wireframing tool I’ve ever seen.”

    Kerem Suer Kerem Suer

  • “I like it a lot! Every element for a wireframe is right there, in the program. I don’t have to draw out stuff myself like in Illustrator.”

    Morten Hauge Morten Hauge

  • “Came across by far the best wireframing tool yet.”

    Paul Boag Paul BoagHeadscape

  • “We recently purchased FlairBuilder and we have used it for a couple of presentations to potential customers and it has worked great.”

    Eric Raarup Eric RaarupSVP Technology and Marketing

  • “What I love about Flairbuilder is that everything is right there in front of you and it’s SUPER easy to use.”

    Ian N. Gadson Ian N. Gadson

  • “I have been working and playing around with FlairBuilder and I’m very impressed, after a long search with many wireframe apps.”

    Maurice Maurice

  • Fantastic product. Everyone at my office loves to work with FlairBuilder. And we’ve tried them all. FlairBuilder is intuitive, flexible and clients love seeing functional live demonstrations before a single line of code is ever written.

    JonLefave Jon Lefave

Join our Mailing List

Subscribe to the monthly newsletter and stay up to date with latest news & releases

Customer Support
Get Satisfaction Contact Support