Free Sketching & Wireframing Kit

December 24, 2009

Sketching & Wireframing kit is a free set of elements for sketching and wireframing. It consist of form elements, icons, indicators, feedback messages, tooltips, navigation elements, image placeholders, embedded videos, sliders and common ad banners.

The Kit comes in two vector formats, one for Adobe Illustrator and the other in SVG vector format that can be easily modified. It can also be downloaded in PDF and EPS formats. The kit is completely free, which means that you are allowed to use it for personal and commercial projects. You are not allowed redistribute it.

Download kit for Adobe Illustrator (663 kb)

Download kit in SVG vector format (348 kb) 

Download kit in PDF format (293 kb) 

Download kit in EPS format (364 kb) 

And here is Sketching & Wireframing Kit preview (click to see the image in full size)

Enjoy!

Let's discuss this on twitter.

51 Comments

  • shareunlimited.net (December 24, 2009)

    Excellent, thanks for sharing.

    best regards & happy holidays!

  • naveed (December 24, 2009)

    thank you so much for this :) this will save me aheck lot of time

    cheers :)

  • Design Informer (December 24, 2009)

    Very nice Janko. Great freebie for Christmas. Keep up the great work and have a Merry Christmas!

  • iFadey (December 24, 2009)

    very nice!
    Thanks for sharing.
    Happy New Year :)

  • nemke (December 24, 2009)

    Wow, this rocks! Great Job Janko!

  • Tamim (December 24, 2009)

    Thanks dude. Nice XMass Present ;)

  • Aivar (December 25, 2009)

    Thanks mate, this in NICE :)

  • iblader (December 25, 2009)

    this is great~~,very nice and useful!
    thx alot!

    PS: why there is not china in "country" selection?

  • Chad (December 25, 2009)

    Thanks so much for such a nice Christmas present!

  • mupet (December 25, 2009)

    Awesome, this is very useful

  • Alex Flueras (December 25, 2009)

    Thanks a lot and Merry Christmas !!!

  • Janko (December 25, 2009)

    Thanks everyone for the comments! I Wish you the successful New Year!

    iblader: There is, named "People’s Republic of China"

  • Josip (December 25, 2009)

    Very nice, very useful, very appropriate :)

    Thanks Janko and a merry Christmas to everyone! :)

  • Jônatan Fróes (December 25, 2009)

    Thanks!
    Any chance to create a pds version?

  • Gino (December 25, 2009)

    aaaaw. no love for Fireworks PNG?

  • Rafael (December 25, 2009)

    Caras valeu a dica vou utilizar elementos em meus projetos

  • Rafael (December 25, 2009)

    Olá caros muito últil estes elementos vou utilizalo nos novos projetos

  • Larz (December 26, 2009)

    Many Thanks for sharing also the ai format, this is a nice xmas gift!

  • Alidad MOdjtabai (December 26, 2009)

    I was wondering if this will works in php website!

  • Janko (2) (December 26, 2009)

    Great gift, thanks!
    Happy New Year!

  • Bruno (December 27, 2009)

    Thanks for sharing! It’s really crisp & clean; just like a wireframe should be.

  • sriganesh (December 27, 2009)

    this is my first visit to this blog and love it. and thanks for the Kit :D
    happy holidays

  • VukaĊĦin (December 27, 2009)

    how ’bout a PSD? :)

  • WesleyE (December 27, 2009)

    Wow, I can really put this to good use!
    Not really hard to build myself, but why did you include most of the not very often used banner sizes? I think it would be a bit better if you’d include 300×250, 336×280 and 120×600 as well ;) Then it would be really complete!

  • Janko (December 27, 2009)

    Thanks everyone for comments!

    For those who asked about PSD and PNG, I limited the kit to vector&print versions. You can, however import some of those formats in Photoshop or Fireworks.

    WesleyE: I included only the most common ad sizes, but having those as well won’t hurt. I’ll leave it for some next version. Thanks for the feedback!

  • evertt de sousa (December 27, 2009)

    Muito obrigado de tamanha utilidade. Excelente post

  • Raleigh Graphic Design Firm (December 28, 2009)

    Wow! that really hit the SPOT!

    Thank you!!

    Tyler Dockery
    Dockery Design
    http://www.dockerydesign.com

  • Chirag Batra (December 28, 2009)

    Thanks! :)

  • Miguel Inostroza Godoy (December 28, 2009)

    Gracias por compartir estos bosquejos para desarrollo de diseño web, serán de gran utilidad !!!

    Feliz Año Nuevo !!!!

  • Kawsar Ali (December 29, 2009)

    This is really great. Thanks for sharing it. You got great skills

  • Dereck (December 30, 2009)

    Really useful set of templates.

  • Richard Reddy (December 31, 2009)

    Excellent work Janko! Thanks for sharing :) I know some of our designers will be excited about using these tools.

    Hope you have a great New Years too!

  • James Nutter (December 31, 2009)

    Thanks for talking the time to make this, I do appreciate it!

    James

  • Liam McCabe (January 3, 2010)

    Interesting style, nice work Janko :)

  • Janko (January 6, 2010)

    Thanks everyone for the comments! If you have any suggestions please lit me know.

  • Vincent RABAH (January 12, 2010)

    Great job ;) But for my own design I always used Pencil Sketching working with Firefox or xulrunner : http://www.evolus.vn/pencil/

  • Janko (January 12, 2010)

    Vincent: Pencil is nice piece of software. I just saw they have desktop version. Thanks!

  • Indonesia Web Design (January 13, 2010)

    wow.. this is awesome, lucky I found it !! will surely be useful for my projects.
    but adding .PSD version would be better though :)

    thanks for sharing

  • Jack Cai (January 14, 2010)

    Very nice and really useful. Thanks a lot for sharing them.

  • Om Ipit (January 22, 2010)

    i need this for improve wireframing my new site
    thanks.

  • Vitor Britto (January 26, 2010)

    Great job! Thanks for sharing. ;)

    Cheers!

  • Janko (January 26, 2010)

    Thanks guys!

  • Angelo (February 1, 2010)

    Thanks for the great work !

  • Flávio Banyai (February 5, 2010)

    Hey Janko, thanks for sharing such a nice and valuable graphic set.

    If you want, I already started converting it to Microsoft Visio format and I can share the result with you, so you decide whether to take advantage of another popular sketching tool or not. :)

    Best Regards,
    Tuco

  • Selvam (February 9, 2010)

    many thanks very useful kit

  • catcoder (February 10, 2010)

    You’re doing good! Very nice kit/ I’ve downloaded it and now using in my two projects. Thank you!

  • Frederic Vandaele (February 11, 2010)

    Hi, Thanks for the kit, it is really useful !! Since I am also a (fanatic) Pencil user, I have convert your kit in an .ep version. Free to download from http://dl.dropbox.com/u/4581469/Pencil/Sketching%20and%20Wireframing%20kit.ep

  • diseño valencia (February 11, 2010)

    Thanks from valencia. Spain

  • Jamie (March 19, 2010)

    That’s a really handy kit, thanks for making it available.

    If you ever do iPhone work there are some sketching kits around for those too:
    http://www.jamiewatsondesign.com/isketchers.php
    http://www.teehanlax.com/blog/2009/06/18/iphone-gui-psd-30/

  • Net Age | Web Design (May 11, 2010)

    This is a great present! From one designer to another, thank you very much! I’m bookmarking this page on StumbleUpon and delicious to share it with other designers and fiddlers out there. Enjoy folks!

    Regards

    Jacques | Net Age

  • Leandro R (May 24, 2010)

    Really useful. Thanks for sharing.