Masters

Masters are groups of screen elements that can be used throughout the prototype. They are extremely useful in grouping elements and also in applying global changes. If you change the content of a master, it modifies all the screens where it was applied. The Masters tab is just below the Component palette and next to the Template tab.

To create a master, click the "+" button and give it a name.
Work with a master as if it were any other screen: drag any items from the palette or define events (as long as they only act on components within the master).
Include a master in a screen by simply dragging it from the list. Once positioned, resize it to adjust it to the content.
Drag them to as many screens, and as many times, as you want.
Enter the changes you need by double clicking it on the master list or by double clicking it directly if you have it in the canvas. Its content opens on the canvas so you can easily work with it.
Remember that the changes you make reflect on all the screens. If you want to make an exception, use the Break Master option. You then obtain a copy of the group of items that are independent of the original master.
As with templates, you can export your masters to other prototypes and share them with other users.
If you delete a master from the list, you delete its copies from all screens. However, you can delete a copy from a master on a screen without affecting the rest of the prototype.

Templates or Masters ?

Templates: use them to define the content shared by several screens that always appears in the same position and never overlaps an element on the screen. For example, headers, footers or the main navigation.

Masters: use the masters for the rest of the cases; content shared by several screens that are displayed in different positions, or if it stays above the content of the screen at certain times. For example, drop-down navigation menus, link boxes, search engines or registration boxes.

Back to all Tutorials