Ultimate iPhone Stencil
This is the ultimate stencil for folks designing iPhone apps.
• Contains backgrounds, title bars, buttons, selectors, and other iPhone UI elements
• Text is fully editable on lists, title bars, buttons, and scroll wheels
• Buttons can be resized horizontally by ungrouping, resizing the middle element, and then regrouping the elements back into a single button
• Taken from actual screenshots. No fake art!
UPDATE: This stencil was recently updated to version 1.5. This new version fixes problems with older versions of OmniGraffle and adds more editable text.
And special thanks to James Berry, Josh Black, Troy Church, Dave Knell, Edward Povazan, Josh Schoenwald, and Marcel Schouwenaar for helping fix this stencil.
Added on September 3, 2008 • 129,816 downloads • 162 favorites

Comments
Amanda — over 3 years ago
Freakin' awesome!
dfbills — over 3 years ago
What're ya buildin', PC?
chris_radcliff — over 3 years ago
Sweet. I love using Graffle for iPhone prototypes, and it looks like this just made it easier.
pewtey — over 3 years ago
Is this optimized for Graffle 5? I loaded the stencils on Graffle 4.2.2 (on my Core 2 Duo MBP w/ 3GB RAM) and it pretty much maxed out my computer trying to load them, and it runs exceedingly slow. They look wonderful though!
Patrick Crowley — over 3 years ago
Hey, pewtey. This stencil was created using OmniGraffle 4.2.2 on a dual G5... so I'm guessing something else is causing the slow down. :)
dknell — over 3 years ago
I am having the same problem as pewtey. OG works great until I select the iPhone stencil. I get SBOD when I try to drag something into a document. After OG recovers from the SBOD, I can select a different stencil and all is well again. Any ideas?
Patrick Crowley — over 3 years ago
If this stencil is running slow for you on OmniGraffle 4, I recommend breaking the stencil into smaller parts.
(1) Create several new stencils by selecting 'New Stencil' from the Stencils menu
(2) Switch to the Ultimate iPhone Stencil
(3) Select 'Edit Stencil' from the Stencils menu
(4) Cut-and-paste blocks from the iPhone stencil into new stencils
(5) Save the new stencils you created
Karl Adam — over 3 years ago
There must be something wrong here, I'm on a quad core Mac Pro with 5 gigs of RAM and this stencil is still unbearably slow in OmniGraffle Pro 4.2, however it's nice and fast in OmniGraffle 5. Any ideas as to what's wrong?
Patrick Crowley — over 3 years ago
It really seems like an issue with OmniGraffle 4, Karl. It seems to choke when loading a stencil that contains large number of bitmap images.
joshuakaufman — over 3 years ago
It's missing a Camera button like that seen in the Camera app.
crcsmnky — over 3 years ago
OmniGraffle 4 choked on this stencil, so I converted every PICT to a PNG and updated the plist to reflect that. Now the stencil works perfectly!
johnq — over 3 years ago
crcsmnky is correct. There is something going on with the pict images in the stencil. When converted to png's this works fine with OmniGraffle 4.2.2. I tried mass conversion using both sips (mac os x) and ImageMagick (*nix). Both choked on the pict files. ImageMagick reported a bad header... which is probably why these cause some systems to choke. I used the free image utility Seahorse to convert them and it worked fine.
Patrick Crowley — about 3 years ago
@johnq If you send me the corrected version, I'll swap it out with the current stencil.
ursomniac2 — about 3 years ago
I've downloaded and I can't get it to load. (OmniGraffle 5, iMac Intel running 10.5.6)... Any idea of when this problem will be fixed?
rodolfo — about 3 years ago
This stencil should be fixed. It causes version 4.2.2 to crash every time. The solution suggested above does not work. Looks like a good stencil, but until it is fixed don't waste your time.
ddrucker — about 3 years ago
I wish this worked, but it just doesn't load. A real shame, because it looks great.
yweuritw — about 3 years ago
OmniGraffle allocates 1.5GB (yes, gigabytes) of RAM to load this stencil!
.pict files in it are broken - I could not find any program that opens them properly.
sarbogast — almost 3 years ago
Great stencil, I've just redesigned my entire application with it. Wonderful! One question though: do you know if there is a way to turn a one-canvas-per-screen Omnigraffle file into a more dynamic mockup, with transitions between screens when you click controls?
parmit — almost 3 years ago
I had problems loading this with 4.2.2. Converting all the images to png (using the venerable GraphicConverter because sips couldn't handle the pict files), and editing the data.plist to point to those png files worked fine.
sdarque — almost 3 years ago
tested and worked okay, actually need a gaming developer, if ur a good one, hit me up;)
pkthor — almost 3 years ago
Thank you Patrick. Quit outstanding
koppenhoefer — almost 3 years ago
Patrick.. outstanding work. I have a newby question.. Under 5.2.beta7 when I try to modify the text in the bottom menu bar (eg., replace 'Favorites' with 'Fav' or 'Bookmarks' with 'marks') the text shows up on the middle of the icon and the original text isn't modifed. Is this normal? so I can't use those bottom-of-the-screen menu bar with my own texts? :-(
mikee60369 — almost 3 years ago
Hi Patrick. Love the stencil. Is there any chance that you have a higher-resolution version? I'd love to be able to print a poster-size version. I'm at mikee60369 AT "aol" dot com. Thanks! Michael
Patrick Crowley — over 2 years ago
@koppenhoefer just download the latest version of the stencil. The menu bar text is now editable. :)
@mikee60369 this is the only version available for now.
@everyone if you had problems with this stencil in the past, you should download the latest version, which replaces the PICT files with PDFs and TIFFs.
mixedup — about 1 year ago
What are people doing for capturing the design for the flows between screens? I’m guessing a page with multiple iPhone screens (but not same resolution of a single page screen mock up), with the buttons indicated and lines with arrows going from one screen to the other etc?
Any templates available for this type of view (with multiple screens and flows)? Or any other thoughts/advice re how to show the big picture flow view?
bijusubhash — 10 months ago
thank you for sharing... you providing lot of UI graphics... :D
I.am.joel — 4 months ago
Hi, are there instructions for installing this on graffle for the iPad? - thanks, Joel
Login to add your comment