Something for linux / OpenSource ? GIMP or some other tool ?

Hi Jigar,
Yes, you can use the stencils with practically and OS and application that can read PNG, SVG, or PDF files. GIMP, for example, can easily handle the PNG version, and you can use Inkscape if you'd rather deal with SVG.

Good luck!

Lucas, the alias in the OmniGraffle DMG points to a location inside of your home directory, which doesn't work very well for everyone else.

Great !!
Congrats for the job, thanks a lot !

thanks, this is really useful!

Just trying to work out the licensing. If I make a diagram using the stencils, does the diagram have to carry an attribution? (And whatever, would it be worth adding a stencil for a "created with Yahoo Design Stencils" badge to make it easy to add an attribution?

This sounds like a great resource. I'm having trouble, however, with the Visio stencils. I've downloaded them to the My Shapes folder, but they don't show up in my stencil list when I go to File > Shapes > Open Stencil. Any suggestions?

Ryan, Lucas and Jono replaced the installer with a simple script that should work just fine now.

Jodi, we'll look into the Visio problem you're having.

codepope, the Creative Commons License allows anyone to modify and creative derived works (in this case, adapted stencils for custom needs). Derived stencils could not be sold commercially, but can be used and shared otherwise.

So while it would be neat to credit us every time you made a wireframe with these stencils, it's not required.

However, the idea of a "Created with Yahoo! Design Stencils" badge is a good one!

Codepope, unfortunately the Visio files are regular old Visio XML files and not Visio Stencil files. This was a limitation from exporting the artwork from OmniGraffle to the various formats. We'll be sure to post an update when we're able to make native stencil objects.

These are extremely useful, thank you very much!

I also can't seem to make these stencils work in Visio 2003 (I guess because of the old file format). BTW, having a brief explanation on how to integrate stencils in the hosting program would be handy.

Very useful, but a shame there's no 128 or 176 screen resolutions for the mobile phones

This is great! However, I've found several issues with some of them. All are trivial, but still... Navigation and Pagination: the "Last" arrows on Item Pagination point the wrong way, some hyperlinks are missing, Search Pagination doesn't have an example where you're on the "Last" page.

Making them into Shape Stencils in Visio somewhat of a pain, but doable. I'm almost done making them all into .VSS files. Would anyone be interested in them if I posted them?

The set is really big and it looks great. Thanks!
However, I don't see how I can use this easily. When you need to mock up a menu in Visual Studio, I expect to do more or less follow the MS Office 2007 way (http://www.winplanet.com/img/screenshots/scr-sa-text.gif):
- drag menu shape from yahoo shape library to worksheet. The result on the worksheet is a menu with some standard text (like it is now).
- right click/double click the shape on the worksheet to enter the items as text (perhaps as value of an "items" field.
- Visual Studio will update the appearance of the shape to reflect the data changes.

This requires some scripting I think... ;)

why in the svg archive there is no "tabs.svg", "screen resolutions.svg" and "windows and containers.svg"?

@Mark:

Here :) ... I have just started doing some ui mockups for a project and having the (really nice) yahoo components as "true" stencils would be quite helpful.

Justin Kolb made a stencil kit for Visio that is a bit more compatible: http://www.jasonkolb.com/weblog/2008/06/cool-yahoo-visi.html

Hi,

anyone managed to get the svg format opened correctly in Illustrator? I get the following popup error: Clipping will be lost on roundtrip to Tiny. After that, some of the files are opened correctly (text ones - Placeholder Text, Navigation & Pagination, but also Grids) but most of them not (the Form Elements are all-white, OS Elements - gray rounded rectangles).
I am using Illustrator CS3 - 13.0.2

I tried opening the files with Inkscape - that handles them graciously, exporting into .eps or .ps and opening that in Illustrator - but some information is lost in the process (the very light gray titles become white).

Thanks for any suggestions and for releasing this stencil kit - it looks great!

Followup after a very quick reply from Lucas: Illustrator works great with the PDF stencils - and you get the vector forms out of it (I thought that it would contain the same bitmaps as the .png ones)

Would it be possible to include an example wireframe with some of these stencils in use within Omnigraffle, Visio, etc.? I'm finding that the dimensions of each object are much larger than the page size that I normally work with, so it would beneficial to see how the staff at Yahoo! set up their wireframes.

I've been using these shapes and they're great, however I am unable to get the text on the buttons and the radio and checkboxes to grow horizontally instead of vertically. If you have labels that are larger than the default I need the labels to expand to the right. Anyone have any tips about how to change the masters so that they do this? Thanks.