How to use the library

Installation instructions are available on Axure website.

We use tricks to make a prototype working as a fullscreen iPad or iPhone web application with nice App Icon on iOS springboard. It makes a prototype as close to real native iOS app as possible.

  1. Create your prototype in Axure (use 1024x768 canvas size for iPad and 320x480 for iPhone)
  2. Go to Generate menu > Prototype... (F5)
  3. Select Mobile/Device on the left
  4. Tick Inclulde Viewport Tag
  5. In the User Scalable field input exacty this line:
    no"/> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <style>*{-webkit-text-size-adjust: none; outline: none; -webkit-touch-callout: none; -webkit-tap-highlight-color:rgba(0,0,0,0);} input, textarea{border: 0 !important; background: transparent !important;}</style> <link rel="apple-touch-icon-precomposed" href="app-icon.png"/> <meta param="
  6. Generate the prototype HTML
  7. Put the app-icon.png file from downloaded archive to the folder with your generated prototype.
  8. The prototype is ready for uploading to any web server.

iOS Wireframe

Widgets Library for Axure v0.8

  • All iOS UI controls (most are interactive)
  • Modal and popover windows
  • Different scrollable lists
  • Interactive Google Maps with pins
  • iPad and iPhone fullscreen Web Applications
  • Fully customizable and resizable

How to use the prototype

We use our prototype as fullscreen iPad or iPhone web application:

  1. Open your prototype home page in Safari on device. You should use link without Axure sitemap, just your canvas.
    Here is my iOS Wireframe iPad demo
  2. Press export / send to icon in Safari and tap Add to Home Screen
  3. Enjoy fullscreen application by tapping an icon on the home screen of your iPad or iPhone.

And one more thing...

Please, don’t sell, re-distribute or sub-license it.

The wireframe library has been created for our team needs, so we plan to update and improve it. If you have any suggestions, ideas or notes, please email us.

Follow us on Twitter to get news about lib updates!

Created by Alty