About
This is a set of shapes for making wireframes (low-fidelity web page schematics) in OmniGraffle version 5.x (Mac OS X). It consists of most of the basic elements you'll need to create user interface specifications. The screenshots below show all of the stencils in this set.
Installation
1. Download the stencils.
2. Move it to your ~/Library/Application Support/OmniGraffle/Stencils directory. The ~ represents your user "home" folder.
Download
Download Version 2.0.1 (1/6/09)
These stencils are free to use, but may not be distributed without permission. If you like these, a donation is appreciated.
Version Information
Related Tools
Wireframe Icons are grayscale symbols designed for use in wireframes or application and web site schematics. Made for users of OmniGraffle, Visio, and Illustrator.
Sketch Stencils provide a set of OmniGraffle shapes you can use to create your wireframes in low-fidelity, and better facilitate communication without drawing attention to aesthetics visual style.
Comments
01/06/09 23:20
looks great. nice updates. thanks for sharing.
01/06/09 23:28
Great stuff - love the color picker. These almost make me want to buy OG :)
01/07/09 00:09
Nice Job ! Fantastic ;)
01/07/09 02:01
Hey Michael
thanks for the super cool update! super super nice work.
-Andrew
01/07/09 02:27
btw are you in cahoots with apple to sell more of their giant monitors... ?
01/07/09 03:30
[...] Do you use Omni Graffle? I do. It’s especially handy for mocking up wireframes. Visit this site and download some free templates. [...]
01/07/09 04:54
@Andrew Korf: Re: apple monitors. What do you mean? Too many stencils to fit in your screen?
01/07/09 04:58
Thanks for the quality stencils. They look great! They seem to work okay with the standard version of Omnigraffle.
01/07/09 05:30
Yessssss! I've been waiting for these:) Thx much! Konigi is awesome
01/07/09 07:12
Oh how I miss the OmniGraffle! They use Visio at my new day job, though sometime soon I just need to buy this for myself again.
There are so many great stencils, and this is definitely one of the great sets.
Kudos.
01/07/09 09:36
These are fantastic. Have you ever thought about releasing Illustrator versions of these to make them more accessible to a wider audience in the design community?
I'd happily pay for them if that were the case.
01/07/09 11:08
@Alexnels: What I've done for earlier versions of this is create EPS versions of these for my Visio brethren. I may do that again when I do release 2.1, which will include icons and clean up my inconsistent layout in the current set.
01/07/09 13:07
Hey, great update, this will come in very handy. One small bug: the link in the Text stencil isn’t an automatic width. I’ve fixed this on my copy but I guess other people might trip over it.
01/07/09 14:16
Many Many thanks for this precious tools you made. It makes me happy about the world : )
01/07/09 14:50
@Robin: Thanks. Will fix in the next release. Have already made a few fixes to other errors.
01/07/09 16:00
[...] OmniGraffle Wireframe Stencils | Konigi (tags: webdesign wireframes ui stencils omnigraffle) [...]
01/07/09 17:24
Is there a windows equivalent to OmniGraffle? I would love to use something like this for XP. Thanks in advance.
01/08/09 00:15
[...] OmniGraffle Wireframe Stencils | Konigi. Sphere: Related [...]
01/08/09 05:33
is there any way to change the default values for this stencils ? ie, i would like to make that every Header 1 i insert into my wireframes to be size 36 instead of the default 20
Thanks :D this thing rocks !!!
01/08/09 11:13
@Hector Centeno: Of course. You can edit the stencil. Right click or Control-click in the stencil panel to view its context menu. Select edit stencil. Then edit the element you want to change and save.
@Siriusbuzz: There's always Visio and Balsamiq for Windows.
01/08/09 11:37
[...] And, if you are into design, the OmniGraffle wireframe stencils have been updated! [...]
01/08/09 12:24
[...] OmniGraffle Wireframe Stencils: This is a set of shapes for making wireframes (low-fidelity web page schematics) in OmniGraffle version 5.x (Mac OS X). [...]
01/08/09 13:37
Really nice work--Great stencils! Are they also available for Visio?
01/08/09 14:01
[...] OmniGraffle Wireframe Stencils | Konigi This is a set of shapes for making wireframes (low-fidelity web page schematics) in OmniGraffle. It consists of most of the basic elements you'll need to create user interface specifications. The images below show the stencil in action. (tags: wireframes design) [...]
01/08/09 14:06
[...] And, if you are into design, the OmniGraffle wireframe stencils have been updated! [...]
01/08/09 14:06
[...] Existen varios juegos de plantillas para OmniGraffle orientadas a hacer más fácil el trabajo de los AIs. Una de las primeras — y de las mejores — fueron creadas por Michael Angeles hace varios años. Ahora, Angeles ha actualizado sus plantillas para que funcionen mejor con la versión más reciente de OmniGraffle. Descárgalas aquí. [...]
01/08/09 14:22
This is really useful!
Thanks so much.
01/08/09 15:38
Is there any chance there is some CSS to duplicate the look? these are beautiful!
01/08/09 16:32
[...] And, if you are into design, the OmniGraffle wireframe stencils have been updated! [...]
01/08/09 18:48
Thanks for putting these out into the public domain. They are terrific stencils. Great work!
01/08/09 19:33
Is their a css class for this? The graphx are first rate.
01/08/09 21:30
@Ryanpratt: There is no html/css for this. These are for OmniGraffle.
01/09/09 03:01
[...] And, if you are into design, the OmniGraffle wireframe stencils have been updated! [...]
01/09/09 05:09
[...] And, if you are into design, the OmniGraffle wireframe stencils have been updated! [...]
01/09/09 16:22
Thank you for sharing your stencils. The best I have seen!
01/10/09 19:58
[...] Konigi ofrece un buen surtido de plantillas (stencil) de diseño web disponibles en su página. Compatible con la versión 5 de Omnigraffle, contiene todos los elementos básicos de diseño en seis diferentes plantillas. Compártelo: These icons link to social bookmarking sites where readers can share and discover new web pages. [...]
01/11/09 20:20
[...] And, if you are into design, the OmniGraffle wireframe stencils have been updated! [...]
01/12/09 06:01
[...] for web prototyping. Now with Yahoo! and Konigi FREE stencil kits it’s just irresistible! Konigi OmniGraffle Wireframe Stencils a set of shapes for making wireframes (low-fidelity web page schematics) in OmniGraffle version 5.x [...]
01/12/09 21:07
[...] OmniGraffle Wireframe Stencils- for all your IA needs Links — January 12, 2009 at 5:07 pm [...]
01/14/09 04:39
[...] OmniGraffle Wireframe Stencils [...]
01/17/09 19:06
These stencils are fantastic! The best for web apps design. Thank you so much.
01/18/09 03:56
[...] We are gearing up to redesign Skribit.com, as well as release professional accounts, in the near future. As such I have started using Little Snapper to manage screenshots of interesting sites that may prove helpful as design inspiration in the upcoming design phase. The next step will involve creating wireframes with OmniGraffle Pro enhanced with Konigi’s Wireframe Stencils. [...]
01/20/09 08:47
These are awesome. Thanks for sharing.
01/21/09 04:38
[...] OmniGraffle Wireframe Stencils | Konigi Thinking of getting a Mac almost only because of the Omni* products .. [...]
01/30/09 09:54
[...] and he also has an interesting write up on his wireframing process. Finally there is also a Konigi Omnigraffle Stencil which uses these droplets as well. I’d also be very much interested to see what other’s [...]
01/30/09 10:46
[...] encontrado otros stencils para Omnigraffle muy completos, los han creado en Konigi e incluyen elementos de formulario, controles avanzandos como sliders o [...]
01/30/09 18:33
[...] OmniGraffle Wireframe Stencils (via Konigi). [...]
02/06/09 11:23
Just want to say thank you :) This is indeed a great addon for me to create more omnigraffle diagrams.
02/12/09 03:59
Has anyone ever tried to export this stencil into visio stencil?
I saw comment #23 which have it available for visio drawing but it would be great if someone know how to export it to visio stencil.
Thanks
02/12/09 15:02
[...] OmniGraffle Wireframe Stencils | Konigi This is a set of shapes for making wireframes (low-fidelity web page schematics) in OmniGraffle version 5.x (Mac OS X). It consists of most of the basic elements you'll need to create user interface specifications. The screenshots below show different stencils in this set. (tags: webdesign design tools ui mac Resources omnigraffle wireframe wireframes stencils) « links for 2009-02-09 [...]
Post new comment