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
Why You Need A Simple Yet Dynamic Wireframing Tool
When it comes to building your own app or website, wireframing can be the most difficult part of the process. At this stage, you’re bound to be filled with more ideas than the time to implement most of them.spite the numerous amount of tools you can use, you’ll find that many of them can be … 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 Samples – App mockup, templates and chart examples
This is a quick reference to several wireframe examples Sample 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 … Read more
Wireframe Symbols and Mobile Stencils Mockup
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
Wireframe Boxes and Containers
Box In the hierarchy of objects, Wireframe 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
Wireframe 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
Wireframe 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 Wireframe Charts with Data
Gauge or Dial Chart Wireframe Widget One of the most wanted chart in any dashboard wireframe For most purposes like creating admin dashboard wireframe, you may just need to update the value and the description Double click the gauge and you will see all the properties. On the top you will see range related settings … 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