Interface Libraries 3: Wireframe Like a Professional

by on 06/17/12 at 9:21 am

interface-libraries-3.5

10 Reasons You’ll Love Interface Libraries

  1. You get six libraries (Mobile, Buttons, Forms, Navigations, Content, Annotations) for one great price.
  2. You get the files for Omnigraffle, Illustrator and Fireworks.
  3. You get free updates to Interface Libraries forever.
  4. You’ll be able to work fast and easy with these drag-and-drop libraries.
  5. You’ll impress your clients with the beautiful, professional wireframes you make.
  6. You’ll impress your colleagues with your consistent and standardized approach.
  7. You’ll be able to resize the vector objects any way you want.
  8. You’ll have all the necessary interface objects at your disposal.
  9. You’ll communicate your design ideas clearly and effectively to clients.
  10. You’ll create amazing interfaces and applications for your clients.

No other wireframing toolkit compares to Interface Libraries. With Interface Libraries, you’ll make wireframes that ooze with beauty and professionalism. Best of all, it’s not going to take you hours to do it. Simply drag-and-drop the interface objects from the library of your vector program to your canvas, and align, resize and customize them to your needs. The result is a crisp and delicious wireframe that will impress your colleagues and clients.

single-user-buy

multi-user-buy

The single user license is $27.00 for one person. The multiple user license is $57.00 for more than one person. After you buy your license, you will receive an email to download the files. Check your spam and bulk folders if you don’t see it in your inbox.

Screenshots of Interface Libraries

Form elements that have form.

Buttons that will make your clients want to click.

Navigations that will take your client from imagination to reality.

Content elements that will keep your clients content.

Mobile elements that match Apple’s user interface pixel for pixel.

Annotations to explain your wireframes clearly.

89 Responses to “Interface Libraries 3: Wireframe Like a Professional”

  1. Aaron

    Feb 9th, 2011

    Great library, it looks very nice.

  2. Richard

    Feb 10th, 2011

    Looks nice.

    Can we see internal (in use) screen­shots?

  3. Hayley

    Feb 16th, 2011

    Are the elements made using graphics/images or OmniGraffle compenents? Or to ask it another way, are they fully editable (including gradients, colours, text, font, etc.) or not?

    • anthony

      Feb 16th, 2011

      All elements are made using Omnigraffle vector components. Everything is fully editable and customizable according to your needs.

  4. job ballard

    Feb 17th, 2011

    hello guys, make this lot an AI file and i will definitely be a customer…

  5. Catalin

    Feb 23rd, 2011

    “Like” to previous comment. I’ll also buy the set in AI format.

    • anthony

      Feb 25th, 2011

      Interface Libraries for Adobe Illustrator coming soon. Stay tuned.

  6. Juliano Dasilva

    Mar 4th, 2011

    Did you mean the next version of Interface Library will be for free? I was going to buy it but you said next version will be free. When is the next version? Thanks! They look really nice btw.

    • anthony

      Mar 5th, 2011

      Thank you Juliano. Glad you like them.

      What I meant by that is that the updates to Interface Libraries are free, not that the next version will be free. Sorry about the confusion.

  7. James

    Mar 13th, 2011

    I use Fireworks, will I be able to use the AI version?

  8. Philip Weber

    Mar 21st, 2011

    Looks very Fantasy Interactive to me (which is great). I’ll buy when the Illustrator version is out.

  9. Hilla

    Mar 22nd, 2011

    Really useful, and beautiful too! Will wait for the AI version though.

  10. enavantmarche

    Mar 25th, 2011

    Hello, regarding the “Bin Ary” rounded corners switches, how are they made ?
    In the default OG library there is the standard rectangle with 4 corners that can be made round, and another rectangle with the top corners that can be made round.
    I have been looking at many libraries but I only found “fakes”, never a rectangle with the two lefts or two rights corners, or only one of the four corners that can be made round using the Style panel.

    • anthony

      Mar 29th, 2011

      The binary button consists of two vector shapes. You can make the corners as round as you want. No other wireframing library compares to Interface Libraries. It is the real deal. I guarantee it won’t let you down.

  11. Juliano Dasilva

    Apr 1st, 2011

    @Anthony, I’ll buy them and let you know how it goes. I hope it doesn’t let me down. :)

  12. Etienne Delagrave

    Apr 28th, 2011

    If you could have a Visio version…

    • JW

      May 23rd, 2011

      What type of files do you get with these? If these are PSDs I would love to buy these for use with iRise.

    • Hernan Teano

      Jun 13th, 2011

      The comments say it’s available for Visio, but the product description at the top (and the product icons shown) don’t acknowledge Visio – just want to confirm that Visio is included.

      • anthony

        Jun 14th, 2011

        It WAS made available for Visio, but I got some feedback about some objects not rendering correctly. Because I want the product to be of the utmost quality, I felt that the poor rendering would decrease it. Thus, I have discontinued it for VIsio. But they are still available for Omnigraffle and Illustrator.

  13. dave

    Apr 30th, 2011

    What would be cool if you add the applescript technique to increase/decrease the annotation numbers like Meredith Noble did at http://www.usabilitymatters.com/2011/03/21/annotation-wireframe-dot-applescripts-for-omnigraffle.

  14. Pierre

    Jun 13th, 2011

    You had a Visio version. What happened to it?

  15. Bernard Farrell

    Jun 14th, 2011

    I’ve been using Balsamiq for the last year and have found it quick to learn and easy to use. One big advantage I can see over using Interface Libraries is that the results look like mockups instead of finished products. This lets the viewer know that the mockup may not be well evolved, that it’s ok to suggest and even encourage changes to it. Perhaps when closer to a final design, Interface Libraries, might be good because the fidelity is better.

    Bill Buxton has argued for fast, low fidelity, initial prototypes to focus on “getting the right design, before getting the design right”.

  16. JW

    Jun 27th, 2011

    Did anyone find out if the AI version works for Fireworks?

  17. JW

    Jun 28th, 2011

    I’m a total AI newbie, I’m opening these files with AI but only seeing a blank canvas… any ideas?

    • anthony

      Jun 29th, 2011

      They are symbol files, so to see the symbols you have to open your symbols panel. Go to the top nav bar and select Windows and then select Symbols and you should see them. Then you can save them to your symbols library.

  18. niels

    Jul 13th, 2011

    Do you have any plans for a fireworks version as well?

    • anthony

      Jul 13th, 2011

      If there is more demand for a Fireworks version I will create one, but so far, only a couple people have asked.

      • Dwight

        Jul 27th, 2011

        +1 demand for Fireworks version!

      • Oscar

        Aug 10th, 2011

        Another +1 for Fireworks version. I hope soon! Btw, how long will it take, or how difficult is it, for you to create teh Fireworks version? If not much, please do the Fireworks version soonest. Thanks!

      • Ruud

        Aug 19th, 2011

        I’m using Axure a lot lately, and if this lib was available for it, I would buy it instantly!

  19. Chad Allen

    Jul 30th, 2011

    Anthony, I purchased the interface library a couple of days ago and have yet to receive my download link. Could you looking into the issue for me? Thanks.

    • anthony

      Jul 30th, 2011

      This is likely due to your spam filter. I have sent the email download for Interface Libraries 3.3 to your Paypal email. You should receive it. But If you don’t, please let me know.

  20. Victor

    Jul 30th, 2011

    Anthony, you were right for some weird reason your mails ended up in my spamfilter. Thanks for pointing that out to me ;)
    greetings from the Netherlands,

    Victor

  21. Victor

    Jul 31st, 2011

    Great library, really speeds up my design process.

  22. Owen

    Aug 4th, 2011

    Will these work with Axure?

  23. David V

    Aug 16th, 2011

    Works very well !! Great value !!

  24. sklender

    Aug 17th, 2011

    Another big vote for Axure-friendly versions. BTW, great work.

  25. Ales

    Aug 18th, 2011

    Do them for Axure and I buy immediately.

  26. Larry

    Aug 19th, 2011

    +1 for an Axure version!

  27. Roger

    Aug 19th, 2011

    Another +1 for an Axure version.

  28. John

    Aug 24th, 2011

    Indesign please!

  29. plexus

    Aug 29th, 2011

    Why not just use the free Yahoo pattern library for omnigraffle (etc) supplemented with some of the other free ones on grafftopia? What sets yours apart?

    • Sigmundo

      Mar 22nd, 2012

      eh, cheapos like you are better off just using whatever free crud is out there. you won’t notice the diffo, anyway.

  30. Greg Hodgson

    Sep 1st, 2011

    What format do these come in?

    Would they be compatible with Balsamiq (which my PM has a fetish for)?

  31. Saurabh Shah

    Sep 6th, 2011

    This looks amazing library , will surely give it a try.

  32. Evan

    Oct 10th, 2011

    Nice guide for those of us who are too proud (or cheap?) to use stock material but needed a good list of all possible UI elements (and some trendy stuff thrown in).

  33. Molly

    Oct 14th, 2011

    Agree with what Ruud says. It’d be great if this was available for Axure.

  34. Erik

    Oct 26th, 2011

    Any indication this will be available for Axure soon? I would absolutely pay for it!

  35. Jes

    Oct 31st, 2011

    Any future plans for InDesign availability?

    • anthony

      Nov 17th, 2011

      Most likely not. I believe Omnigraffle, Illustrator and Fireworks are the best tools to use for wireframing.

      • Rinat

        Feb 3rd, 2012

        is there a way to make multi-page wireframe in Illustrator?

        • Julian

          May 3rd, 2012

          Use multiple canvases. Only available in Illustrator CS5 and above.

      • Julian

        May 3rd, 2012

        That’s pretty short sighted. If you’ve ever tried InDesign with the Unify framework, you would realize it’s superior to just about every non-web base wireframing product.

        OG is superior to flow charts.
        Illustrtator is superior when pulling off visual design.

        InDesign has so many better documentation features others don’t even come close.

        • Luke

          Sep 28th, 2012

          Lovely library by the way but I have to agree with Julian RE InDesign.

          Having used both extensively, several InDesign features make it a superior tool to Illustrator for wireframing. Not least master pages, nested documents and hyperlinks between document locations.

          Illustrator/Photoshop/Fireworks are far better suited to visual design after you have completed your wireframes.

          Does anyone know if the Illustrator library will work in InDesign or whether it can be imported?

          Thanks!

          • Monica

            Mar 20th, 2013

            InDesign should work pretty seamlessly with Illustrator. They are part of the CS family.

  36. Bernhard

    Nov 5th, 2011

    Can I use this in a commercial product as well or does the license only allow me to include it in sketches that I am presenting?

  37. ADAM . . .

    Nov 8th, 2011

    Are the Fireworks versions fully editable within Fireworks? Can I change the text / fonts / colours etc? Thanks . . .

    • anthony

      Nov 17th, 2011

      You can edit the text, fonts and shape sizes, but not the colors in the Illustrator and Fireworks version. The colors are purposely grayscale to suit wireframing. I’m not sure why you would need to change the colors and really don’t think you should. Wireframes should not come in color because they’re not used to communicate visual style or identity. They’re used to communicate the layout, flow and information structure of the user interface.

  38. Daryl

    Nov 14th, 2011

    I’ll be buying the Fireworks version but would LOVE to purchase an Axure version as well.

    Any chance you would add one for Axure any time soon?

    • anthony

      Nov 17th, 2011

      I don’t think so. Fireworks beats Axure any day of the week in my book.

  39. kemie

    Nov 17th, 2011

    Is the fireworks version vectors? symbols?

    • anthony

      Nov 17th, 2011

      They’re symbols in Fireworks/Illustrator and stencils in Omnigraffle.

  40. Kirill

    Feb 1st, 2012

    Wireframe like Apple and so what? Where is a big idea?

  41. LinuxLars

    Apr 6th, 2012

    FWIW, I agree with Bernard Farrell – the rough look and feel of Balsamiq is better for mockups because less time is spent on look-and-feel (which is likely to change anyway), and mockup time is spent on functionality.

    Your product looks great, and I’d love to see it offer a “rough” look and feel.

    Also, is there a demo available?

    PS. Total kudos for *not* using captcha. You rock.

  42. valise rigide

    May 5th, 2012

    FWIW, I agree with Bernard Farrell – the rough look and feel of Balsamiq is better for mockups because less time is spent on look-and-feel (which is likely to change anyway), and mockup time is spent on functionality.
    Your product looks great, and I’d love to see it offer a “rough” look and feel.
    Also, is there a demo available?
    PS. Total kudos for *not* using captcha. You rock.

  43. Sua may tinh

    Sep 2nd, 2012

    The library is very nice, I’ll probably buy it to use, $ 27 is an acceptable price

  44. sua chua may tinh

    Jan 18th, 2013

    Illustrator/Photoshop/Fireworks are far better suited to visual design after you have completed your wireframes.

  45. Tanya Markovka

    Feb 18th, 2013

    I am also using Axure all the time right now. I think Fireworks is great, but it’s a web design tool rather than a UX design tool.

    I just got some libs from http://axutopia.com (which was recommended on this blog), and they are working well for my needs so far.

  46. Vivek bv

    Apr 24th, 2013

    Great library!

  47. jurgen

    Jul 24th, 2013

    by far the best stencil out there. thanks. bought it.

  48. Starlight

    Oct 4th, 2013

    Hiya! Great library stencil – out of curiosity, are you considering updating this for the new iPhone iOS design?

  49. Hicham | Couteau Survie

    Oct 11th, 2013

    FWIW, I agree with Bernard Farrell – the rough look and feel of Balsamiq is better for mockups because less time is spent on look-and-feel (which is likely to change anyway), and mockup time is spent on functionality.
    Your product looks great, and I’d love to see it offer a “rough” look and feel.
    Also, is there a demo available?
    PS. Total kudos for *not* using captcha. You rock.

  50. Daniel Vitoly

    Dec 10th, 2013

    I think each look and feel has its own goals and way to present the UI. When I am working with a client, I like having the rough look and feel of balsamiq. But when I am working on my own apps, I like using high fidelity components.

    I used the free mockup kits at http://guitoolkits.com/free-app-ui-mockup-templates/ with some success (I like using Illustrator rather than balsamiq, and I can use it like balsamiq using those kits)

  51. Daniel Favon

    Dec 17th, 2013

    I’ll be buying the Fireworks version but would LOVE to purchase an Axure version as well.

  52. james

    Feb 7th, 2014

    Great library, really speeds up my design process.

  53. mike gregory

    Feb 10th, 2014

    The library is very nice, thank you so much

  54. ukash

    Feb 11th, 2014

    by far the best stencil out there. thanks. bought it.

  55. rabie @jabsecurity

    Feb 13th, 2014

    Really useful, and beautiful too!

  56. Using

    Apr 4th, 2014

    I love using frameworks when coding templates, they make it eaaaasy. :D

Leave a Comment