New Template for creating quick Wireframe Grids

This article is to introduce a very simple and innovative way to speed up developing grid based wireframes. The display and digestion of grids is always by eye balling the columns vertically but the data input in wireframe is horizontal and you also need to wrap the data in a JSON format. To speed up, … Read more

How to install Wireframe software on Linux

The following instructions are universal for installing Wireframe software on all platforms. All it requires a PHP + MySQL Stack. The webserver can be Apache or NginX. We will be installing MockupTiger Wireframes on XAMPP that is available for Windows, Linux and MacOS. NOTE: Please install Xampp with PHP 5.x version. Higher version may work … Read more

Wireframe Examples – App mockup, templates and chart Prototypes

This is a quick reference to several wireframe examples Table Grid wireframe Wireframe Grids are extremely flexible and powerful. You can add HTML text, links and style the cell contents. If you need to merge columns or row cells then look into using the Table HTML tag inside the paragraph widget Hacker News Front page … Read more

Symbols and Mobile Stencils

The stencils provided for Android and iOS are group of basic widgets and known as symbols. The symbols are pre-designed for your convenience and you can create your own symbols. How did we create the symbols 1. We designed the following symbols just like regular mockups using boxes, text and icons. We formatted and used … Read more

Boxes and Containers

Box In the hierarchy of objects, Box is derived from the paragraph widget from the text controls.   If you remove border and background from the box widget and add text to it then it is exactly same as default paragraph widget. Using Box and paragraph widgets, you can accomplish major portions of your UI … Read more

Text Widgets

Link Bar Link bar is a quick way to create a set of horizontal links separated by a pipe. You can use the asterisk * in front to indicate a clicked link and a hyphen to indicate a disabled link. Double click the widget to provide a comma separated values. NOTE: If you happen to … Read more

Connectors and Lines

These connector widgets are special widgets that connect one object to another object using curved or straight lines. These are the various line connectors These are basically the same line objects except they are provided in different positions for conveneince. You can simply drag a connector and drop it anywhere on the canvas. Just dropping … Read more

Dashboard Charts

Gauge or Dial Chart For most purposes, you may just need to update the value and the description Doublick the gauge and you will see all the properties. On the top you will see range related settings and the very bottom you will see the pointer value that affects the position of the pointer. Bar … Read more

Wireframe User Guide for MockupTiger

Introduction MockupTiger is a web/browser based application. It comes in ready made package that can be installed on your computer. It is also available as Cloud Wireframe application. If you are already familiar with modern drag and drop interface then you will certainly feel home and you may not need to go through the entire … Read more