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

Toolbox Panel

The Toolbox panel contains the MockupUI's designing tools, grouped into two tabs: Widgets and Templates.

Widgets

This tab displays the list of the available UI and graphic widgets that you can use to create designs. To insert a widget into a design, drag it from the toolbox and drop it onto the design area where you can change its position and size. You can add content or customize a widget from the parameters panel.

Learn more about the available common widgets, table widget, tree widget or the graphic widgets.

Templates

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. Learn more about templates.