Toggle navigation

Full Screen Presentation Mode

The Full Screen Presentation Mode is great for presenting your wireframes to stakeholders or for usability testing.

To enter it, just click on the full screen icon in the top-right corner of your toolbar, select "Full Screen Presentation" from the View menu or simply hit CTRL/+F.

The application will expand to take up your whole screen.


When Full Screen Presentation Mode first opens, you will be presented with a screen similar to this one. These are the different sections of the screen.

On the left side of the screen, you'll find the Navigator. It is functionally identical to the Navigator in the main editor. You can use it to navigate your project (if you aren't using linking), or you can use it to rename/duplicate/delete wireframes.

Notes and Comments

On the other (right) side of the Full Screen Presentation Mode is the Notes and Comments section. The top portion of this panel displays any Wireframe Notes you have added to your wireframe. The bottom portion will display any comments that have been added to your wireframe. Users can also add notes and comments if this panel is enabled.

Settings Panel

The settings panel allows you to adjust the look and feel of your Full Screen Presentation mode. It will open by default and allow you to get everything ready for your presentation. More details below.

Your Wireframes

Last (but absolutely not least) is your wireframe, the centerpiece of Full Screen Presentation mode.

Settings Panel

As mentioned above, the Settings Panel will appear whenever you launch Full Screen Presentation Mode. By default, everything will be turned on in what we call Review Mode. You can close the Settings Panel by either clicking the Close Settings button, or by pressing Enter on your keyboard.

Let's jump into the individual checkboxes on the Settings Panel.

This checkbox controls the Navigtor Panel. Unchecking it will hide the Navigator Panel while in Full Screen Presentation Mode.

Notes Checkbox

This checkbox controls the Notes portion of the right panel. Unchecking this checkbox will hide the Notes section and turn the entire right panel into a Comments panel.

Comments Checkbox

This checkbox controls the Comments portion of the right panel. Unchecking this checkbox will hide the Comments section and turn the entire right paenl into a Notes panel.

This checkbox controls whether or not you would like Full Screen Presentation Mode to display Link Hints. When Link Hints are on, areas that contain links will be shown with a pink overlay so they can be seen easily.

Big Arrow Cursor Checkbox

This checkbox controls whether or not you want a larger arrow pointer while using Full Screen Presentation Mode. The larger arrow can be useful in situations where the folks you're presenting to aren't close to the presentation screen. Unchecking this box will turn the arrow pointer into the standard pointer for your OS.

Markup Checkbox

The Markup checkbox is for showing and hiding markup elements, such as Comments, Arrows and Callouts (any control under the "Markup" tab in the UI Library). This is useful if you want to just look at your UI without the annotations that surround it. Uncheck it to hide any markup controls.

Zoom Settings

The Advanced link in the Zoom section will open the Project Centering Rules of your project. You can use those to better center your wireframes.

To exit Full Screen Presentation mode, hit ESC or click the icon in the upper right corner.

Adjusting Your Project's Centering

Full Screen Presentation Mode centers your entire project based on the wireframe that is the tallest, and the wireframe that is the widest. While this normally results in a presentation that is centered (and whose focus doesn't jump around), if you have a wireframe that is a great deal larger than your other wireframes, it may result in your project being off center, or pushed to the top of the screen.

In the Settings Panel, click on the Advanced link next to the word Zoom.

Clicking that link will open a window that gives you an overview of the size of all the wireframes in your project. It will show you the longest and widest wireframes in project, and the effective size they are making your project as a whole. The widest wireframe will have its width in red, while the tallest wireframe will have it's height in blue. This should give you a hint as to which wireframe is causing your project to center incorrectly.

Clicking the checkbox next to the trouble wireframe (or wireframes) will take it out of the centering calculation and will recalculate the new longest/widest wireframes, adjusting the overall project size.

This should solve any centering issues you may have.