Products

Interface Libraries 3: Wireframe Like a Professional

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-button

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.


Subscribe to Newsletter

Books

DV-tout

Toolkits

WP-tout
FP-tout
PP-tout

Affiliates

elegant-themes

Article written by anthony

Author and founder of UX Movement. Creating a better digital world for mankind by teaching and evangelizing best practices, standards, and techniques in user experience design.

This Post Has 91 Comments

  1. Aaron Reply

    Great library, it looks very nice.

  2. Richard Reply

    Looks nice.

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

  3. Hayley Reply

    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 Reply

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

  4. job ballard Reply

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

  5. Catalin Reply

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

  6. Juliano Dasilva Reply

    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 Reply

      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 Reply

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

  8. Philip Weber Reply

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

  9. Hilla Reply

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

  10. enavantmarche Reply

    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 Reply

      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 Reply

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

  12. Etienne Delagrave Reply

    If you could have a Visio version…

    • JW Reply

      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 Reply

      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 Reply

        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 Reply

    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 Reply

    You had a Visio version. What happened to it?

  15. Bernard Farrell Reply

    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 Reply

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

  17. JW Reply

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

    • anthony Reply

      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 Reply

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

    • anthony Reply

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

      • Dwight Reply

        +1 demand for Fireworks version!

      • Oscar Reply

        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 Reply

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

  19. Chad Allen Reply

    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 Reply

      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 Reply

    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 Reply

    Great library, really speeds up my design process.

  22. Owen Reply

    Will these work with Axure?

  23. David V Reply

    Works very well !! Great value !!

  24. sklender Reply

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

  25. Ales Reply

    Do them for Axure and I buy immediately.

  26. Larry Reply

    +1 for an Axure version!

  27. Roger Reply

    Another +1 for an Axure version.

  28. John Reply

    Indesign please!

  29. plexus Reply

    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 Reply

      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 Reply

    What format do these come in?

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

  31. Saurabh Shah Reply

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

  32. Evan Reply

    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 Reply

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

  34. Erik Reply

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

  35. Jes Reply

    Any future plans for InDesign availability?

    • anthony Reply

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

      • Rinat Reply

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

        • Julian Reply

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

      • Julian Reply

        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 Reply

          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

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

      • Cai win cho macbook Reply

        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.

  36. Bernhard Reply

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

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

    • anthony Reply

      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 Reply

    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?

  39. kemie Reply

    Is the fireworks version vectors? symbols?

  40. Kirill Reply

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

  41. LinuxLars Reply

    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 Reply

    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 Reply

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

  44. sua chua may tinh Reply

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

  45. Tanya Markovka Reply

    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 Reply

    Great library!

  47. jurgen Reply

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

  48. Starlight Reply

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

  49. Hicham | Couteau Survie Reply

    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 Reply

    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 Reply

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

  52. james Reply

    Great library, really speeds up my design process.

  53. mike gregory Reply

    The library is very nice, thank you so much

  54. ukash Reply

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

  55. rabie @jabsecurity Reply

    Really useful, and beautiful too!

  56. Using Reply

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

  57. calderon Reply

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

Leave a Reply

Your email address will not be published. Required fields are marked *