Video Tutorials

Get a quick start with Antetype and smoothen that dreaded learning curve by watching our tutorial videos. This will take you no more than ten minutes but will give you an understanding of some of the more powerful, but also more complex concepts in Antetype.

Overview Video

Here we will give you a short overview over the great features and productivity wins Antetype has to offer.

Duration: 5"23'

Widget System

In this tutorial we introduce ANTETYPE's powerful widget system. Learn how to use states to design interactive prototypes and how to design your widgets with maximum flexibility.

Duration: 6"28'

Layout System

ANTETYPE supports a number of versatile layout modes. Choose to layout everything in your design by hand, supported by snapping and smart guides. Or use one of the automatic layout modes: Stacked, Horizontal Flow and Vertical Flow. Using these you can design your prototypes with flexibility in mind. Want to change the size of your design later on? No problem with ANTETYPE's layout system.

Duration: 2"40'

Shared Library

The Shared Library allows you to re-use your widgets in more than one document. Simply submit your widgets to the shared library and use them in any project you're working on - even with different look and feels! ANTETYPE also comes loaded with a fully-equipped shared library. Immediately start designing your prototypes!

Duration: 3"23'

Video Podcast Episodes

Our video podcast describes how to make visually detailed and interactive designs with Antetype. Each episode shows a different part of Antetype and explains how to use unique features like dynamic layout or the widget system. We will upload new episodes on a regular basis, so to stay up-to-date!

Subscribe to our Video Podcast!

Designing a Cookbook App with Antetype – Episode 1: Dynamic Layout

This first episode is all about the dynamic layout.

Duration: 8"18'

Download the Antetype file

Designing a Cookbook App with Antetype – Episode 2: Visual Design

The second episode of our video podcast is about visually designing the cookbook app.

Duration: 6"58'

Download the Antetype file

Designing a Cookbook App with Antetype – Episode 3: Customizing Widgets

The third episode of our video podcast is about using ANTETYPE's widgets and customizing them to your needs.

Duration: 7"10'

Download the Antetype file

Designing a Cookbook App with Antetype – Episode 4: Creating New Widgets

The fourth episode of our video podcast shows you how to create your own widgets and work with them in your projects.

Duration: 6"45'

Download the Antetype file

Example Files

Have a look at these example files we provide to see how Antetype can be used to great effect. Download the files to try directly with Antetype or check out the web versions directly (only compatible with Safari, Firefox 4+ and Chrome for the time being).

Word 2013 with Ribbon

This example includes a Ribbon and File Menu in the new Microsoft Metro Style as it is used in the Office 2013 suite. You can switch between the Home and Insert tab and open the file menu. On the last screen you find an explanation of the Ribbon hierarchy. We recommend to install the Segoe UI Font to get the best experience.

Download Web Viewer Version

iOS Widget Kit

This kit contains additional Widgets for iOS, including Keyboards, Notifications, Contacts, Maps, Pickers and many more. Additionally we’ve included iPhone and iPad templates built completely in Antetype.

Download Web Viewer Version

Android 4 Widget Kit

The kit includes everything you need to get started with Android 4.0 app design. If you studied the Android Design Guidelines by Google, you will be very familiar with the controls available in our kit. Everything has been designed according to guidelines. All widgets are available in both the Holo Light and Holo Dark color scheme and their respective states.

Except for the icons, everything is completely build with the power and design capabilities of Antetype!

Download Web Viewer Version

iPad Mail App

This example shows you the iPad mail application as a prototype built completely in Antetype! It contains landscape as well as portrait orientation screens as well as a number of interactions to allow you to select mails and show fly-out dialogs in presentation mode.

Download Web Viewer Version

iPhone Settings Screen

This example shows an iPhone screen as you would find it in the settings of an iPhone application and features a number of iOS controls that are ready for you to use from the shared library included with Antetype.

Download Web Viewer Version

3-Pane-Layout Screen

A screen using the common 3-pane view that allows you to switch between different look-and-feels to view the screen as it would look like in a nmber of different operating system, for example Windows 7 and OS X.

Download Web Viewer Version

Engadget News Web Site

This examples shows how to use Antetype for web site prototyping.

Download Web Viewer Version

Browser Incompatible

The web viewer is not compatible with your browser. Please use Safari, Chrome or Firefox version 4 or higher to view the web viewer version of this example.

Browser Incompatible

The web viewer is not compatible with your browser. Please use Safari, Chrome or Firefox version 4 or higher to view the web viewer version of this example.

Browser Incompatible

The web viewer is not compatible with your browser. Please use Safari, Chrome or Firefox version 4 or higher to view the web viewer version of this example.

Browser Incompatible

The web viewer is not compatible with your browser. Please use Safari, Chrome or Firefox version 4 or higher to view the web viewer version of this example.