Frequently Asked Questions

Here’s a set of specific answer to questions that get asked frequently. If you have a even more specific questions, just contact me. I’ll answer super-quickly!

Licensing questions

Q: Can I use FlairBuilder on multiple computers?

Yes. A FlairBuilder licenses are bound to a number of users, not machines. So as long as the number of users is the same, you can use the application on as many computers as you need.

Q: Do you offer academic or educational discounts?

Yes. If you are a student or you work for a educational institution, you get a 50% discount. Contact me for details.

Getting Started

Q: How do I export from FlairBuilder?

There are several options. The best option is to simply save the project to a *.fbp file, FlairBuilder’s file type, and use that file to show the wireframe/prototye in the free viewer.

Then, you can also export your wireframe pages as PNG or JPEG images. Either to clipboard, on page at the time, either to a selected file. You can also bulk export all pages to a folder as images.

More export options are on the way.

Q: How do I link to other pages?

Use the “Go to page” action from the Interaction Panel. See more details on this page.

Q: How do I change the page size (width&height)?

To change the size of a FlairBuilder project page, double-click on the page entry in the Pages panel. This will open a settings popup which will let you update the settings for that page.

Q: How do I add my own images?

See this page for how to work with images, and this page on how to work with icons of predefined sizes.

To add custom icons to the library, so you can use them in components like Button, Tree, List etc. the process it’s a little bit more complicated but not too much.

First you need to find a special folder where FlairBuilder stores stuff: <USER_HOME>/.flairbuilder. On Windows it’s something like c:/Users/cristian/.flairbuilder and on Mac is like /Users/cristian/.flairbuilder Note that the dot in .flairbuilder makes the folder invisible, so you’ll have to enable hidden folders to be visible.

Then create a folder called icons so you get something like: <USER_HOME>/.flairbuilder/icons. Drop you PNG files in there. Make sure the file names have no spaces. It’s a limitation I still need to remove. If you need more help, please contact me.

Q: Which are the syntax rules available for text formatting in components?

Please consult this page for a detailed explanation of text formatting syntax.

Q: How do I change the default font used in a project?

To change the default font, simply go to the View menu and choose the option that says “Change font”.

Q: What shortcut keys can I use?

A: Here is a list of shortcut keys that FlairBuilder supports. For Mac OS X systems, instead of Ctrl read Cmd.

Shortcut	Description
`Ctrl+N`	Create a new project.
`Ctrl+O`	Open an existing project.
`Ctrl+S`	Save currently selected project.
`Ctrl+Shift+S`	Save currently selected project into a different `FBP (FlairBuilder Project)` file.
`Ctrl+W`	Close the currently selected project.
`Ctrl+Shift+W`	Close all opened projects
`Alt+F4`	Close the application. FlairBuilder will prompt if there are unsaved changes.
`Ctrl+Z`	Undo last edit action.
`Ctrl+Y`	Redo last undone edit action.
`Ctrl+X`	Cuts the current selection and place it into the application clipboard (currently separted from OS clipboard).
`Ctrl+C`	Place a copy of current selection into application’s clipboard.
`Ctrl+V`	Paste the content of the clipboard into the currently selected container.
`Delete`	Delete current selection.
`Ctrl+A`	Select all objects contained by the currently selected container.
`Ctrl+L`	Locks the currently selected components.
`Ctrl+Shift+L`	Unlock currently selected components if they are locked.
`Ctrl+G`	Group selected components to be handled as a single component.
`Ctrl+Shift+G`	Ungroup selected component if the selection is a group.
`F3`	Toggle between Design/Preview mode.
`F4`	Toggle the visibility of the annotations/callouts.
`F5`	Goes to previous page in the list of project pages.
`F6`	Goes to next page in the list of project pages.
`Ctrl+Shift+[`	Bring current selection to front.
`Ctrl+Shift+]`	Send current selection to back.
`Ctrl+[`	Bring current selection forward.
`Ctrl+]`	Send current selection backward.
`Arrow keys`	Move selection 1px.
`Shift+ array keys`	Move selection 10px.
`Ctrl+Alt + arrow keys`	Resize selection with 1px.
`Ctrl+Alt+ Shift + arrow keys`	Resize selection with 10px.

Wireframes, Mockups, Prototypes – FlairBuilder

Help & Support

Help & Support