Adapting your iPhone 5 designs for iPhone 6 & 6 Plus with Antetype

With the announcement of new iPhone sizes from Apple yesterday, let’s just have a quick look at how quickly an Antetype design can be adapted for the two new phone sizes and even in the landscape orientation.


Below are the steps needed to adapt the design to any screen size, but in this case we will show the examples for the new iPhone 6 and iPhone 6 Plus

1.Open the iOS 7 – Phone  Settings Template

Press ⌘+N to Open the Template Chooser, then select the iOS7 – Phone Category and choose the Settings template

2. iPhone 5 / 5S / 5C sized template – 320 x 568

3. Set the screen to the iPhone 6 dimensions (375 x 667)

N.B. The screen should be selected when you open the file – if not the wrong cell will be changed.

This now shows the extra area of the new iPhone 6, but the content is still sized for an iPhone 5

4. Select the Settings object

Open the Screen Inspector (⌥⌘1) and select the Settings cell from the list (1)

5. Open the Size Editor

Note the size of the Settings object is set to Manual Width and Height resizing

6. Change the resizing to Stretch

This means the Settings cell will now stretch to the size of the screen

7. Select the screen again

Make sure the screen from the upper list is selected (1) and nothing is selected in the lower list (2)

8. The content now stretches to take up the entire screen.

9. Change the size to match an iPhone 6 Plus (414 x 736)

The content again stretches to the size of the iPhone 6 Plus

10. Check out the content for an iPhone 6 Plus in Landscape (736 x 414)

Again just change the size of the screen to match

Antetype 1.6.1

We are proud to announce the release of Antetype 1.6.1.

The release is a simultaneous release for the standalone version and the app store version.

Minor bug fix

There was a minor bug which occurred when some files were upgraded to the new format used in 1.6.

Antetype OS X Viewer also updated

The OS X Antetype Viewer that is available in the Mac App Store has now also been updated and released.

Release notes

You can find the full release notes for Antetype 1.6.1 on our support site

Help us to promote Antetype

We need your stories


We are starting work on a big promotional push for Antetype and we need your help.

We know you have great stories about Antetype has helped you:

  • how you no longer have to spend time in Photoshop nudging things around because of the Antetype layout system

  • how stretch and shrink sizing have saved you time adapting designs to new requirements

  • how you can now edit designs live in meetings to quickly iterate and therefore turn things around in shorter times and reduce the number of meetings

  • how implementations more thoroughly match your intentions because developers have better understood what your designs mean

  • how you found your lost cat using Antetype and discovered Eldorado the lost city of gold….. ok maybe not

We need you to spread the word about how our layouts, widgets, breakpoints and specifications have made you more efficient and improved your working life – would you do that for us?

Here is how you can help:

  • tweet about us – recommend Antetype to your followers

  • refer people to great examples at on twitter or Facebook or elsewhere

  • mention us on Facebook

  • post about Antetype on LinkedIn

  • vote for us on our page

  • Publish a blog post about the benefits of Antetype and how it has made your working life better

  • contact us about writing a case study on your usage of Antetype

  • list Antetype as a skill on LinkedIn

  • write a how to article about how to do certain things in Antetype

  • blog about Anteype best practices

  • attend a local user group for UX designers and present Antetype (we can support you in this with licence giveaways)

  • create a video tutorial for

  • or any other ways you can think of to spread the word about Antetype

If you can do one or two or even three of the things on this list then we will give you a thank you shout out tweet and mention you on Facebook too – and even mention you in a follow up post on this blog – please offer any links for us to use.

If you can do 4 or more of these things then we will dispatch to you one of our exclusive Antetype T-shirts, just give us an address and tell us your size!

 Antetype T-shirt - FrontAntetype T-shirt Back "Shrink to Fit"

If the T-shirt doesn’t grab you then please contact us and we will find some other useful reward for you.

If you create a how-to or tutorial video for us then we will sort out an even better prize for you – just get in contact with us.

So please help us get Antetype promoted, remember the more users we have the more sustainable Antetype is and the more features we can add in the future.

Antetype 1.6

We are proud to announce the release of Antetype 1.6.

The focus of the development of Antetype 1.6 has been performance improvements and bug fixes, you can find out more details in the release notes.

The release is a simultaneous release for the standalone version and the app store version.

Package file format

The biggest change in this release is the move to a package based file format. This change matches those made by many other apps in recent years and has been essential for the sandboxed version of Antetype to work correctly.

The change to a package based format will also allow to introduce further performance changes in the future will be added slowly in future updates.

Updated iOS Antetype Viewer

The iOS Antetype Viewer has also been updated to take advantage of the latest changes made to Antetype – please update from the iOS app store.

OS X Viewer App waiting for Apple released

The OS X Antetype Viewer that is available in the Mac App Store has not yet passed the Apple review we expect this to be available at the end of this week in the App Store has now also been updated and released.

OS X 10.7 support

With Antetype 1.6.0 we sadly have had to drop support for OS X 10.7. The cost of maintenance for 10.7 was becoming prohibitive especially when 95% of our users are using 10.8 or 10.9.

Release notes

You can find the full release notes for Antetype 1.6 on our support site

UPDATED 21:20: OS X Antetype Viewer – latest update released to Mac App Store

Introducing Antetype Viewer for OS X

Today we are launching a new free viewer app for Antetype that is available in the Mac App Store.

Open in Mac App Store

Screenshot 2014-06-17 09.26.04

As you might expect the viewer is only able to view files, running permanently in presentation mode, either In-Place or Full Screen.

The UI consists of a deliberately simple toolbar chosen so that it does not distract from your designs. If required the toolbar can also be hidden removing even more distraction from your designs.

Screenshot 2014-06-17 09.21.21


We created the viewer to make it easier to share your atype files with non-Antetype users. There are now 3 ways to share designs made in Antetype:

  • Export to Web Viewer – distribute via email to any platform
  • Export to iOS Viewer – share to iOS via Dropbox or iTunes sync
  • Open atype file in OS X Viewer – distribute to any OS X user

Any OS X without Antetype installed will now be taken to the Antetype Viewer in the Mac App Store when opening an atype file making it the process of distributing Antetype files even easier for OS X users.

New Support Forum

If you’ve been visiting our web site today, you might have noticed, that we changed our support site to a new platform.

For about one year, we’ve been using our old portal in combination with Get Satisfaction as our discussion forum. But new pricing options for Get Satisfaction and better possibilities for tracking issues led us to a new service provider – Freshdesk.

This new platform allows us to provide an integrated solution for help files, forum discussions, tips & tricks and issue tracking. It also copes with some shortcomings of the previous solutions, e.g. attachment of files, etc.

We would like to encourage all new discussions to happen on Please note that our forum on Get Satisfaction will remain online as a reference but we will no longer take part in the discussions over there.

On our new support site, you are able to search not only within the discussions of the forum, but also within the help and FAQ sections.

Currently you have the following options to get in contact with us via the support forum:

  • New Support Ticket – this is a private question and can have attachments but will only be visible by the Antetype team.
  • Start a new Topic – this is a public question and is open for all to comment on, but will also be answered by one of us.
  • Email us at

Comments made that include @antetype on twitter or comments made on our facebook profile are also tracked in our support system so there are many ways that you can contact us and know that we will get back to you.

Please tell us what you think of this approach and use the site to help us improve Antetype and our support.

Antetype 1.5.2 – Save As Bug

We have discovered a serious bug in version 1.5.1 of Antetype that can result in changes to your older files being overwritten when you use the Save As function to duplicate a file.

In the scenario below both the original document and the new document will have the changes saved.

To reproduce this problem:

  1. Open an existing document
  2. Make a change to part of the document
  3. Use Save As to create a new version of the document

Expected Results:

  • Original document is not changed
  • New “Save As” document has the changes

Actual Results:

  • Both original and “Save As” document contain the changes.

Version 1.5.2 has been released yesterday to address this problem.

App Store Users

For those users with a copy from the App Store you will have to wait unto a week for the issue to pass through the App Store approval process.

Dropbox and Antetype Viewer for iOS with 64 bit devices

We have discovered a problem with the Antetype Viewer for iOS when linking the application with a dropbox account.

If you are using a 64 bit device such as an iPad Air or iPhone 5S – the dropbox application gives an error when trying to authorise access to dropbox.

This was previously not a problem when we tested on these devices but seems to recently have been introduced by Dropbox. Logic suggests this problem has been caused by a change on the Dropbox servers, but the only solution we have from Dropbox requires us to use a newer version of the Dropbox SDK.

Using the latest Dropbox SDK we have found does fix the problem and we have today submitted version 1.5.2 of the iOS Viewer to the App Store, which includes this fix.

We can currently suggest no other workarounds for iOS users with a 64 bit device, please be patient for the next week or so while we wait for Apple to approve this new version.

Antetype Viewer for iOS – out of beta

We are pleased to announce that Antetype Viewer for iOS is finally out of beta and is now available in the iOS App Store. This follows last weeks announcement of Antetype in the Mac App Store.


Find it in the iOS App Store now .

What does it do?

The Antetype viewer for iOS allows you to load and review iosatype files to see and feel how a prototype runs on iOS.

You can export an iosatype from Antetype using the export button on the toolbar.


To access the iosatype file on your phone simply add the file to a folder in dropbox and then from the Antetype Viewer for iOS you can open the file and click through the screens and test the interactions.

If you prefer you can also transfer files using iTunes if you connect you iOS device to your computer. For more information please read our support article

The performance can be a bit slow on older iOS devices but on devices less than two years old the performance is reasonable.

Feedback and questions welcome as always!

xKicker App prototype running on iPhone 5 in the Antetype Viewer for iOS
The above image shows our xKicker app working in the Antetype Viewer for iOS. The xKicker prototype is included by default in the viewer and you can download the antetype file for this app from our community pages if you want to edit the file or change anything.

Beyond Tellerrand 2014

We are just back from 2 days in Düsseldorf at the Beyond Tellerrand conference where we received a fantastic response for Antetype.

Version 1.5 is focused on responsive designs and Beyond Tellerand is primarily a web design conference so we used the occasion of our sponsorship of the conference to launch version 1.5 of Antetype, which had been released on Friday.

The feedback we received was overwhelming – our new responsive features went down very well, but as most people had not seen the product before they were also impressed by other features such as the widget system and specification generation.

Most of the speakers also popped over to our stand to have a look at Antetype and all that did gave us a good thumbs up. We were encouraged by kind words from Ethan Marcotte, Stephen Hay and Vasilis van Gemert.

We were really complimented by the time given over to us by Erik Spiekermann who sat with us for over an hour providing feedback and his thoughts on Antetype.

If you want to see what the people at Beyond Tellerrand saw –  please check out the 50 minutes of tutorials we have updated for the new responsive features.

← Older posts Newer posts →