MockupUI Reference Manual

Contents

• About the manual
• What is MockupUI
• What's new

User interface

• Menu and toolbar
• Design browser
• Design area
• Toolbox panel
• Parameters panel
• Keys and mouse

UI widgets

• Common UI widgets
• Table widget
• Tree widget

Graphic widgets

• Image widget
• Clipart widget
• Graphic text
• Shape widgets

Working with widgets

• Adding widgets
• Adjusting widget geometry
• Changing widget properties
• Re-ordering widgets

Annotations

• Adding notes
• Formatting notes
• Exporting notes

Visual styles

• Selecting a style
• Native styles
• Wireframe style
• Dark style

Templates

• Creating templates
• Using templates
• Sharing templates

Exporting

• Copy to clipboard
• Exporting screenshots
• Exporting documentation
• Exporting presentations
• Printing

Projects

• Creating a new project
• Opening a project
• Saving a project
• Closing a project

Setup

• Installing MockupUI
• Purchasing MockupUI
• Activating MockupUI

Help

• Help Menu
• Getting more help

Templates

MockupUI offers the possibility to

• Save a design as template
• Use a template in other designs or projects.
• Share templates with other users.

The templates tab shows the designs that you have saved as templates. You can use a template to create a new design by dragging and dropping it into the design area.

Creating templates

MockupUI allows you to save a widget or an entire design as templates.

To create a template from a widget, click the Save Widget button from the Widget tab, specify a name for the widget template and click Ok.

To save a design as template, click the Save Design button from the Widget tab, specify a name for the design template and click Ok.

Using templates

Click and drag the template from the Templates tab in the Toolbox and drop it over an object, an image or the header of the design browser. You can adjust the properties of the widgets inside the Widget tab and inside the design area.

Sharing templates

Templates can be exported from MockupUI to a .mfp templates file. Click the right mouse button anywhere on the templates toolbox and choose Export Templates from the popup menu.

To import a template file right-click on the templates toolbox and select Import Templates from the popup menu. Importing templates does not overwrite your existing ones. If the file contains templates with the same as your own, the imported templates will be suffixed by a number (template1, template2 ...).

Note that templates are automatically shared between the projects created on the same computer and by the same user. Export your templates when you want to share them with other users of MockupUI.