Clickable Mockups – Wireframes with super interactivity.

What good is a wireframe if you cannot simulate the basic navigation using links across different pages? MockupTiger when released had Clickable prototyping feature using the Text widgets The navigation is done by pressing the shift key and the mouse button on the linked text. In the presentation mode, it will behave just like a … Read more

Wireframe Icons : A quick Primer

MockupTiger icons are pure Vectors and they are drawn directly on the HTML5 canvas element. Here is a quick overview of things you can do with Icons. How to add icons just drag from the Icons panel to the canvas in the middle Use the Quick Search in the top tool bar   How to … Read more

How to mockup dials, speedometer, gauges for Dashboards

Speedometer type visualization are popular in Dashboard applications. Usually it is used when you want to display single metric against a particular target. In mockuptiger, you can wireframe a skeleton or full blown dial widget using static value. Here is the basic data structure for the dial wireframes And here is the data structure for … Read more

Wireframe Look and Feel

A bunch of new personalizable settings are available as follows One that is discussed here is the first option “Color Theme”   Color Theme : This option lets you set the color skin for the whole application. When you select a theme, all UI elements use the base color of the theme. The widgets are … Read more

Wireframe : How to register mockuptiger

In your demo or evaluation version navigate to the following menu                       Click on Hello Admin => Register The following screen will show up                               Enter the Order Number and email … Read more

How to add Icons inside any Text component

Text and Icons are two of the main building blocks of mockups in MockupTiger. They are basic and yet powerful. You can embed text inside any Icon and you can also embed any Icon or any number of Icons inside a text string. Consider the below paragraph widget double click to edit the Paragraph widget … Read more

How to change an Icon and keep the setting

In our previous example on How to add Wireframe icons we built the below mockup Once you have set the colors and line settings and if you decide to change the icon character you can easily do it using a single right click. We make sure that the icon is selected and then go to … Read more

How to use Mockups Vector Icons

MockupTiger has a useful collection of icons that can be used in your mockups and wireframes. All of these icons are vector Icons so you can scale them to any size without loosing any details   You drag any icon from the left panel to the center work area. Once dragged, you can click on … Read more