Rated 4.7 (9 ratings)

iPad and iPhone Design

made by da5id

(Updated March 18, 2011 to v1.6. Added iPad 2 stencils and changed stencil background color.)

Design your application for iPhone, iPod touch and iPad devices with this exhaustive set of stencils. All stencils have been originally created by hand with native OmniGraffle shapes and groups and can be scaled, resized and exported to other vector formats in Graffle. The stencils represent the actual controls and views that are available to developers in the iPhone OS SDK and follow the application styles in the iOS HIG. more…

Tags:
  1. ,
  2. ,
  3. ,
  4. ,
  5. ,

Added on February 11, 2010 96,354 downloads 128 favorites

Preview label Preview for iPad and iPhone Design
To install, drag stencil to this folder:
~/Library/Application Support/The Omni Group/OmniGraffle/Stencils/
This stencil works with:
  • Omnigraffle OmniGraffle
  • Omnigraffle_professional OmniGraffle Pro
  • Omnigraffle_for_ipad OmniGraffle for iPad

Comments

gravatar for sanket

sanket — over 1 year ago

Hi, can somebody share the links for visio stencils....

gravatar for da5id

da5id — over 1 year ago

sanket... Sorry but no Visio version. You can buy OmniGraffle Pro and try to export them...

gravatar for iankb

iankb — over 1 year ago

Is it possible to install this template in OmniGraffle for the iPad? iTunes allows you to sync files with OmniGraffle, but not under any form of file structure. The zipfile for this has multiple stencil files within a directory tree.

gravatar for jochoy

jochoy — over 1 year ago

I have Omnigraffle 4.2.3 (v129.22). There doesnt seem to be a folder under "~/Library/Application Support/OmniGraffle/Stencils/". The only folder that seems close is "~/Library/Application Support/Omni Group/"

Any suggestions on where I should drag these stencils to? thx

gravatar for Patrick Crowley

Patrick Crowley — over 1 year ago

@jochoy you can just create the missing folder yourself, and then drag the stencils into the folder. :)

gravatar for da5id

da5id — over 1 year ago

@jochoy Exactly as @patrick said. Just create the folder yourself, drag and drop and you should be good to go!

gravatar for da5id

da5id — over 1 year ago

@iankb Yes... installing the stencils on OG for iPad is definitely possible. Just unzip and drag each stencil into iTunes file sharing and sync and they should show up fine.

gravatar for katkittykrazy

katkittykrazy — over 1 year ago

a5id...what about those of us whose company's standard is Visio? Can't really go out and buy Omnigraffle just to use some stencils. It would be nice to have options for tools other than Omnigraffle. After all, it's not the ONLY tool used for mocking up prototypes.

gravatar for Theresa Neil

Theresa Neil — about 1 year ago

Great stencil, thank you.

I am a little confused by all the comments I have seen here lately about Visio. This is an Omni user community of designers who make stencils (for free) and share them to be helpful. I've shared 3 or 4 myself.

It is not meant to exclude people using Visio or other prototyping tools. But I just don't have the time or inclination to create stencils for other prototyping tools that I don't use.

Perhaps Visio users can work together to start Visiotopia or something similar? That would be cool :o)

gravatar for da5id

da5id — about 1 year ago

For anyone asking about Visio. The are two reasons no Visio version of these stencils exist. First, I am a Mac OS X and iOS developer and designer. I have not owned a Windows computer in more than eight years and I do not use Visio. I worked at Microsoft on the Windows NT team so I have no issue with MS or Visio. In fact, I loved using Visio on Windows. More important, OmniGraffle Pro 5 easily exports stencils to the Visio XML document format. The Omni guys have done a great improving the quality and capabilities of Vision import and export over the past few years and, as these stencils are all vector shapes, exporting should produce very good results.

gravatar for mistahtea

mistahtea — about 1 year ago

I'm having a problem proportionately scaling the iphone. When I drag it on to my canvas (17"x11") is looks perfect (yet huge) but when I try to make it smaller, only some parts of the iphone graphic scales down. How do I fix it so that everything scales proportionately?

Thanks for any help!!

gravatar for da5id

da5id — about 1 year ago

Hey mistahtea, OmniGraffle is likely scaling the iPhone stencil as a whole group. Try selecting the grouped stencil, ungrouping it, then select them all while ungrouped and the shapes may resize better but you will also be able to see the problematic shapes. Reducing the border width of smaller shapes will also help quite a bit. Also make sure the scale proportionally checkbox is selected for the grouped stencil in the inspector panel.

gravatar for joshuakaufman

joshuakaufman — 11 months ago

da5id, what printer page size did you design this stencil for?

gravatar for uigrrl

uigrrl — 10 months ago

Why will safari on my iPad not download the stencils??

Login to add your comment

Subscribe Subscribe to feed

Twitter Follow @graffletopia on Twitter

Want to find out when new stencils are posted?