Axure Design Pattern Library v1.0

Update: This library is out of date, please see Version 2.

I am excited to present: The first Axure stencil library.

Demo the HTML OR Download the Axure (.rp) file

The excellent Yahoo Design Stencil Kit has canned wireframe objects for Visio and Omnigraffle. Unfortunately, no such kit can be found for Axure, a much hotter design tool for prototyping rich interactions. If you’re an interaction designer and have avoided trying Axure out… stop avoiding. It’s great.

In this first release, I’ve compiled the simple and advanced widgets that I use in day-to-day prototyping. Are they perfect? No. But they will give new Axure users an idea of what’s possible, and hopefully inspire advanced users with techniques they hadn’t previously used. Note: This was created in Axure version 5.0.0.1515, no guarantees that it will work in older versions.

Interesting Widgets in this Library

Calendar
Embedded Video
Expand/Collapse Animation
Inline Edit
Lightbox
Live Search
Photo Scroller
Post a Message
Rating
Tabs

Boring but Useful Widgets in this Library

A bunch of nicely aligned form elements with labels
Rulers
Various lengths of Lorem Ipsum text

K

This is great!
SørenØ

Hi

The demo of your master library looks good, but how do I use it in Axure?
Can you supply a .rp file?
SørenØ

I had problem downloading the file, my browser thought it was a zip file, and when un-zipping it showed a lot of different folders within that file. I renamed the file, from .zip to .rp and now it works. Thanks again for sharing this…
Loren

Hey SorenO, I’m not sure why the browser thinks it’s a zip, I have it placed as an RP file and it works over here. Thanks for posting your fix, I’ll see if I can recreate the problem and figure out why it’s doing that.
Don

Sick! Now in design review meetings you can avoid the “Does that do (whatever)?” questions! Nice job compiling all the useful info. in one spot.
http://tinecon.com.br Tom Lobato

great work!
will be much util for my projects!!
http://www.mariellewinarto.nl Marielle Winarto

Thanks for sharing!
http://www.seovision.es seovision

Thanks for that nice work! :)
Terry

I’m having a similar problem with downloading the zip. I ‘m getting folders with unusable content. And. I’m not sure how to get to the new widgets when I’m in Axure.

The widgets are excellent (demo)
Fred Beecher

Loren & Soren: V5 .rp files *are* ZIP files, and the file extension doesn’t fool some browsers. Renaming is the only thing you can really do.
Loren

Thanks so much Fred, I’ll update the post accordingly. I tried a couple browsers (FF, Safari/win, Opera, IE7) and of course IE is the culprit :)
Patricia

Just wanna say thank you. We’re doing something very similar here in Rio de Janeiro!
Harry

Great, could someone take this a step further and get something we could all contribute too?
Pingback: Axure Design Pattern Library | Konigi
http://www.helpalot.org Julius

Thanks, great file.

“Great, could someone take this a step further and get something we could all contribute too?”

Yes, Axure should make some sort of widget sharing space. Like how the extensions for Firefox are presented, where you can see the most downloaded, the ones with the best scores and newest. People could leave comments, etc.

The best widgets could be integrated in the program itself. Or added to Axure like an extension so you only have to add them once and can make use of them for all your next projects quickly.

Another challenge; since the dropdown example shows animation can be done. Who’s the first to create a working Pong in Axure? :)
Gitika

Thanks a bunch for sharing this. I am a new Axure user and this was very useful to get a good overview of the possibilities! :)
http://www.acleandesign.com/2008/09/axure-design-library-v1/ Mark Raheja

great to see. my company is exploring using Axure. having said that, i work on a Mac. any recommendations for an Axure-like prototyping tool for Mac? i have the sense that there aren’t any of it’s calibre…but would be thrilled if that wasn’t the case.
Loren

@Julius: Absolutely, I’ll be speaking with the Axure team about such a site.

@Mark: I know some Mac users who run Axure on Parallels ( http://www.parallels.com/products/desktop/ ), and that’s what I plan on doing once I make the switch. Otherwise, Omnigraffle seems to be the choice program for Mac, but it is more comparable to Visio than Axure because it doesn’t support rich interactions.
Pingback: Semiconducted » Blog Archive » Del.icio.us Bookmarks for August 6th through September 12th by Damon Hamm
R Thomson

I downloaded the Axure stencil file, but I am not able to access the “tab” component on the Advanced page. I can only scroll down to the Post a Message component. Any ideas on how to access the content below the Post a Message widget?

Thanks
R Thomson

I found a way to access the tab component by using the master for tab.
Loren

Axure seems to have a limit of about 5000px vertically in each file. You can zoom out to see further down if you want.

However, all the widgets are included as Masters, and that’s the easiest way to access them.
Pingback: del.icio.us entre 08.09.2008 e 16.09.2008 | Fábio Caparica
http://gustavogil.carbonmade.com Gustavo Gil

Great work!! I’m trying to do this library for a while ago, but I couldn’t find time…
Congratulations to you and let’s add more widgets to this archive!
Let’s find a way to turn this library in a kickoff to a Version 2 collaborative project!

Congrats again!
Gil
Guru

Excellent stuff

Thanks for sharing with us… :)

Congrats
Guru
http://userxper.com Richard

Excellent! Many thanks to you.
I’m planning to create Axure RP format for Yahoo Design Stencil Kit, too.
Here are some samples that I build for Axure RP Chinese users.
http://userxper.com/topics/axure-rp-samples

Could I translate your library into Chinese?
Harry

@Mark I work on a Mac and run Axure through VM Fusion njo problem (Parallels works fine too) make sure you have enough RAM tho as can get a little sluggish without. The added bonus is each time I use Axure I get to remember why I stopped using a PC, so hope they will bring out a Mac version soon.
Loren

@Richard, absolutely, feel free to translate and redistribute as long as you attribute the original to me and link back to the site. I’ll be happy to link to your translated file, as well.
Konrad

Loren, this is great work. Thanks!
Pero

Which files exactly should be renamed. Files in root? The version file also? Sorry but I don’t get it. Thank you for your help.
Pero

Ok. I fund out that also Safari for Mac has a problem with the download. Mac users – use Firefox for downloading the .rp files.
Sinjah

Do you have a working design pattern for version 4.6?
http://www.rogeriopa.com/blog Rogério Pereira

These libraries are very useful.

Congratulations on the initiative.

Rogerio Pereira
Pingback: links for 2009-08-04 « Giri’s Blogmarks
Krista Kostuch

My pain is gone! Thank you so much!!