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

What is new in MockupUI 2?

New widgets

• Shapes library: Basic graphic shapes, arrows and callouts

• Icons library: Font Awesome (a set of 368 web icons), Material Design (909 icons from the Google web font), Windows 10 flat design icon set (629 icons)

• Widgets icons: Button, table, tree, list, toolbox widgets can now contain icons

• Toolbar: A new widget that can contain icons, comboboxes, checkboxes, hyperlinks and control buttons

Design area usability

• Select, move, copy, paste or delete multiple objects at once

• Zoom in, out or fit for easier editing

• Snap to grid for easier widget alignment

Generate interactive presentations

• Link any widget to a page

• Generate clickable HTML demos

• Show widget tooltips when hovering with the mouse