Features

CREATE MOCKUPS

Quickly create user interface mockups.

  • UI widgets ranging from basic buttons and labels to tables and trees.

  • Quickly fill tables and trees with text, checkboxes, icons, hyperlinks, buttons and comboboxes.

  • Insert images, graphic text and clipart files in your designs.

  • Instantly change the appearance of widgets from wireframe to native.

  • Create, share and re-use design templates.

  • Export designs to image files in PNG, JPG, PPM, TIFF or BMP format.

CREATE SPECIFICATIONS

Generate design specifications in one click.

  • Add rich text descriptions and notes to your designs.

  • Compile designs and annotations into ready-to-print Word, PDF and HTML documents.

  • Copy designs to clipboard and paste them to your documents (Word, PowerPoint, ...)

  • Preview and print documents directly from MockupUI

  • Create clickable prototypes and interactive demos

Try for free
Windows Vista, 7, 8 and 10

Detailed features

UI WIDGETS

Windows, buttons, checkboxes, labels, comboboxes and more.

TABLE WIDGET

Design rich UI tables.

TREE WIDGET

Add trees or multi column tree tables.

GRAPHIC WIDGETS

Images, vector cliparts, graphic text and shapes (basic, arrows, callouts and more).

ICONS

Three icon sets (Font Awesome, Material Design, Windows 10)

ANNOTATIONS

Add descriptions and notes to your designs.

SPECIFICATIONS

Generate complete UI design specification documents.

EXPORT

Copy designs to clipboard or export as image files.

INTERACTIVE DEMOS

Make any widget clickable and generate interactive prototypes.

TEMPLATES

Save, re-use and share design templates.

VISUAL STYLES

Wireframe and native UI looks with your own OS desktop theme.

DESIGN AREA

Edit and customize widgets visually.

PROJECT

Organize designs into projects.

SUPPORT

Free support and software updates.

UI WIDGETS

Common UI widgets.

  • Window
  • Menu
  • Toolbar
  • Group
  • Tab
  • Button
  • Checkbox
  • Radio
  • Slider
  • Label
  • Hyperlink
  • Text field
  • Spinbox
  • Combobox
  • List
  • Toolbox
  • Text area
  • Dial
  • Progress bar
  • Calendar


MockupUI - UI Widgets

TABLE WIDGET

Design rich UI tables

  • Fill tables with data in a CSV-like format.

  • Easily add icons, buttons, comboboxes, checkboxes, icons and hyperlinks to cells or entire columns.

  • Tick/untick cell checkboxes individually.

  • Highlight or disable columns or individual table cells.

  • Learn more »



MockupUI - Table widget

TREE WIDGET

Design simple trees or multi column tree tables

  • Add content to trees and tree tables by simply indenting CSV lines.

  • Easily add icons, buttons, comboboxes, checkboxes, icons and hyperlinks to items or columns.

  • Tick/untick cell checkboxes individually

  • Highlight or disable individual tree items.

  • Learn more »



MockupUI - Tree widget

IMAGE WIDGET

Add and edit images into your designs

  • Scale, flip, rotate images and adjust their opacity

  • Automatically resize/crop images using a selection of methods (Scale, Fit, Stretch or Fill).

  • Change image opacity and blending mode.

  • Supported formats: PNG, JPG, PPM, TIFF, BMP.

  • Learn more »



MockupUI - Image widget

CLIPART WIDGET

Add SVG clipart files to your designs

  • Clipart scale, flip, rotate and change opacity

  • Stretch to widget size or preserve aspect ratio

  • Supported file format: SVG

  • Learn more »



MockupUI - Clipart widget

SHAPES

Insert shapes, arrows and callouts into a design

  • Basic shapes: Line, Rectangle, Ellipse, Polygon, Star and more

  • Arrows: Insert arrow shapes

  • Callouts: Draw bubbles with text

  • Change outline width, color and pattern

  • Fill shapes with solid colors, gradients, patterns or tiles

  • Add text to the center of shapes

  • Learn more »



MockupUI - Shape widget

ICONS

Add SVG icons to your graphic mockups

  • Font Awesome: A set of 368 web icons

  • Material Design: 909 icons from the well known Google web font

  • Windows 10: The Windows 10 flat design icon set (629 icons)

  • Flip, rotate, resize and change the outline and fill colors of the icons

  • Make icons clickable and link them to pages

  • Learn more »



MockupUI - Icons

GRAPHIC TEXT

Insert graphic text

  • Bold, italic, underline

  • Select font, size and color

  • Align left, right, center or justified

  • Rotate text and set margins

  • Preserve font dimensions ratio or stretch to size

  • Automatically wrap words

  • Change the opacity of the text

  • Learn more »



MockupUI - Graphic text widget

ANNOTATIONS

Annotate your designs and generate specification documents

  • Add descriptions and notes to your design screens.

  • Paste text content from other sources.

  • Format text by applying font, color, emphasis, alignment and bullets.

  • Learn more »



MockupUI - Annotations

SPECIFICATIONS

Generate design specifications in one click

  • Compile designs screenshots and annotations into ready-to-print Word, PDF and HTML documents.

  • Preview and print specifications directly from MockupUI.

  • Learn more »



MockupUI - Generate specifications

EXPORT

Export designs to multiple formats

  • Copy to clipboard and paste the design to your document (Word, PowerPoint or other editing software).

  • Export designs to image files in PNG, JPG, PPM, TIFF or BMP format.

  • Learn more »



MockupUI - Export mockups

INTERACTIVE

Create clickable prototypes

  • Make widgets clickable and add links to pages to implement navigation

  • Export designs to HTML with clickable areas

  • Learn more »



MockupUI - Export interactive

TEMPLATES

Save, re-use and share design templates.

  • Save designs as templates.

  • Create a design from a template.

  • Import and export templates from your project.

  • Learn more »



MockupUI - Templates

VISUAL STYLES

Customize the appearance of widgets

  • Wireframe look for low fidelity prototyping.

  • Native operating system look (Windows 7, Vista, XP or Classic).

  • Widget colors, fonts and formatting from your current operating system theme.

  • Change the appearance of all designs at any time in one click.

  • Learn more »



MockupUI - Visual styles

DESIGN AREA

Edit widgets visually

  • Drag and drop widgets from a toolbox

  • Adjust widgets dimensions and position

  • Snap to grid for easier widget alignment

  • Scroll the design area from left-right, top-bottom

  • Zoom in, out or fit for easier editing

  • Learn more »



MockupUI - Design Area

PROJECT

Organize designs into projects

  • Create, preview, rename, duplicate, clone and reorder designs in a project.

  • Open multiple projects simultaneously and copy/paste widgets from one project to another

  • Unlimited number of designs per project

  • Auto-save project file for backup purposes

  • Learn more »



MockupUI - Project

SUPPORT

Free access to our support pages



MockupUI - Support

Try for free
Windows Vista, 7, 8 and 10