Axure Design Pattern Library v1.0

September 8th, 2008  | Tags: , , ,

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

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

Preview the HTML

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

  1. K
    September 9th, 2008 at 01:57
    Reply | Quote | #1

    This is great!

  2. SørenØ
    September 9th, 2008 at 05:12
    Reply | Quote | #2

    Hi

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

  3. SørenØ
    September 9th, 2008 at 07:37
    Reply | Quote | #3

    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…

  4. September 9th, 2008 at 09:20
    Reply | Quote | #4

    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.

  5. Don
    September 9th, 2008 at 10:50
    Reply | Quote | #5

    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.

  6. September 9th, 2008 at 20:58
    Reply | Quote | #6

    great work!
    will be much util for my projects!!

  7. September 9th, 2008 at 23:14
    Reply | Quote | #7

    Thanks for sharing!

  8. September 10th, 2008 at 01:13
    Reply | Quote | #8

    Thanks for that nice work! :)

  9. Terry
    September 10th, 2008 at 06:09
    Reply | Quote | #9

    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)

  10. Fred Beecher
    September 10th, 2008 at 06:59

    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.

  11. September 10th, 2008 at 09:12

    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 :)

  12. Patricia
    September 10th, 2008 at 10:09

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

  13. Harry
    September 11th, 2008 at 06:51

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

  14. September 12th, 2008 at 02:10

    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? :)

  15. Gitika
    September 12th, 2008 at 08:17

    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! :)

  16. September 12th, 2008 at 10:07

    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.

  17. September 12th, 2008 at 10:16

    @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.

  18. R Thomson
    September 16th, 2008 at 14:50

    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

  19. R Thomson
    September 16th, 2008 at 15:24

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

  20. September 16th, 2008 at 15:25

    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.

  21. September 16th, 2008 at 21:23

    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

  22. Guru
    September 25th, 2008 at 06:59

    Excellent stuff

    Thanks for sharing with us… :)

    Congrats
    Guru

  23. September 25th, 2008 at 09:31

    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?

  24. Harry
    September 26th, 2008 at 04:31

    @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.

  25. September 26th, 2008 at 12:42

    @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.

  26. Konrad
    October 4th, 2008 at 06:15

    Loren, this is great work. Thanks!

  27. Pero
    October 30th, 2008 at 02:49

    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.

  28. Pero
    October 30th, 2008 at 03:20

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

  29. Sinjah
    November 3rd, 2008 at 15:35

    Do you have a working design pattern for version 4.6?

  30. November 4th, 2008 at 13:42

    These libraries are very useful.

    Congratulations on the initiative.

    Rogerio Pereira

TOP