Free Printable Sketching, Wireframing and Note-Taking PDF Templates
Sketching and wireframing are a specialized style of drawing, used for fleshing out preliminary complex ideas, group brain-storming, a lo-fi method for evaluating interaction concepts, and as a way of roughly perfecting a design technique.
Sketch and wireframe paper is essentially drawing paper that is designed specifically for this purpose. You could use it for web page design, web app design, architectural or structural design, graphic design, movie direction, animation… basically any type of design that needs a physical creative outlet or group collaboration.
Not all sketch and wireframe sheets are universal, most are specialized for a particular medium, such as storyboards and specialized grid paper (axonometric perspective templates).
Below you will find a concise collection of ready to print sketching, wireframing and note-taking templates. Most, as expected, are geared towards the design community, but there are also templates that could be used within any industry and for any purpose.
You may be interested in the following related posts:
- 35 Excellent Wireframing Resources
- 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Wireframing and Sketching Paper
Paper Browser – It's a browser, only in paper
This PDF can be used for creating a website’s wireframe. The entire PDF is proportionally scaled at a 1024×768 screen resolution, with guides for designs that use a 960px or 800px layout and with each grid sized at 32x32px. The PDFs are available in both A4 and A3.
Web Sketching Template – Single Page
This A4 template has been designed for sketching a website with a resolution of 1024×768.
iPhone Wireframe Templates for Sketching
These iPhone paper prototyping and design templates are available to download in two different styles: the basic iPhone design template and a more advanced one that also has the iPhone sketch template but leaves space for making notes. Both can be downloaded in a .zip-file which also contains the templates in Viso (VSD) format.
iPad Idea Sheet
This template has been designed for wireframing iPad apps. There are three templates within the zip-archive: The first template allows for full size iPad sketching (100%), the second has two iPad templates (at 70% of the normal size) and the last has four iPads sized at 50% of the regular size.
iPhone Idea Sheet
This iPhone idea sheet has been designed by the same people that released the iPad Idea Sheet above. The .zip-file contains 4 different printable templates: two templates are sized at 100% of the actual iPhone with a choice of horizontally or vertically aligned sheets and the other two sketching templates each have 9 iPhone designs (sized at 75% of the actual iPhone) and again with a choice of either horizontal or vertical orientation.
iPhone Application Sketch Template
This iPhone template has a grid with the grid squares sized at 10px; it is designed with tick marks to indicate the heights of the status bar, nav bar, keyboard, tab bar and toolbar. The download is a 300dpi A4 JPEG.
Android Wireframe Templates
This sketching set for Android contains templates for Nexus One, HTC Dream, HTC Hero, HTC Magic, HTC Tattoo and Motorola Droid.
Wireframe Print and Sketch Template
A4 & A3 Sketching Paper
This printable grid sketching paper can be useful for the initial stages of web design, concept designing. You can choose between the A4 size or A3.
Basic Wireframing Paper
This is a basic grid box which you can use for concept diagrams, sitemaps, spectrums, tables, and whatever else you may need to sketch.
Wireframe and Notes Paper
This is a wireframe grid divided into 24 columns with gutters between each column. The column units are numbered along the top of the grid. To the right of the grid there is a ruled column for adding labels and annotations.
Two-by-Two Wireframe Paper
This template is a two by two grid with 4 cells divided by an x-y axis.
Blank Grid and Graph Paper
ZURB Grid Paper
With this grid paper you can connect the dots to give your sketches a little more structure while exploring refined concepts on paper.

Graph Paper with Two Lines Per Inch – Letter-Sized
This basic letter-sized graph paper has two aqua blue lines per inch.
Four Dots Per Inch A4 Paper
This printable dot paper has four dots per inch and is in portrait (vertical) orientation on letter-sized paper.
Storyboard Templates
4 Cell Storyboard Paper
This is a basic storyboard sketching template with 4 cells with each cell having a simple grid.
MBTI Sketching Paper for Ideation
With this MBTI sketching paper for ideation sessions, you can describe a design challenge on every piece of sketching paper which represents the problem you want to solve. There’s also some space for annotations. You can download the PDF in A4 and A3.
ZURB Sketchsheets
A set of editable PDF sketchsheets ideal for rough ideas and presentation to clients. There are five slightly different templates in the .zip-download package.
Storyboard with Notes
A storyboard template with 4 cells, with the area space beneath each cell for notes.
Web Sketching Template – 6 Pages
An A4 web design sketching template with space for notes.
Scenario, Taskflow and Grid Sketchsheets
This all-in-one PDF download package contains scenario, task-flow and grid templates. All can be useful during the early stages of web development process. Here are the three templates:
Lined and Notepad Paper
A4 Narrow-Ruled
This letter-sized lined paper is narrow ruled in portrait (vertical) orientation.
8.25" x 11" Lined and Squared Paper
This lined and squared paper template is sized 8.25"x11", and available in both PDF and JPEG.
Speciality Paper
Printable Cornell Note Paper
This Cornell Notes paper is lined and additionally formatted with two large blank areas for a summary and a cue (on which to later note and review main ideas, ask questions, or draw diagrams).
Moleskine Writing Template by Rod Graves
This template is based on a medieval page layout principle described in Robert Bringhurst’s classic book on typography, The Elements of Typographic Style. The Large sized notebook’s dimensions are nearly equivalent to a Golden Section rectangle (1:1.61803…). The design of the template is related to the golden section / the Fibonacci sequence.
Penmanship Paper
You can use this dashed paper to practice penmanship. The PDF is in the size A4 and has twelve lines per page, in portrait (vertical) orientation.
Calendars
Weekly Printable Calendar
This calendar's overview format lets you prioritize tasks, schedule appointments, and jot down notes all on one page. Custom options include Letter and A4 printing sizes, start day of the week, time range, and multiple languages.
Monthly Printable Calendar
This template lets you create printable monthly calendars for letter and A4 paper sizes.
5-Day Monthly Calendar
Create and print a 5-day calendar with holidays and your choice of start day by using the generator.
Lined Weekly Printable Calendar
Create and print lined weekly calendars in horizontal or vertical format with your choice of start day.
Index card sized Printable Calendars
Choose from 4 different compact templates for printing directly to3x5 and 4×6 index cards (with the dates already filled in). Here are the download links: Monthly Calendar, Split Month Calendar, Yearly Calendar and 2-Year Calendar.
Music Sheets
Music Paper from the University of Virginia
There are many sites where you can download blank music sheets, but none are as a comprehensive and detailed as this resource. You can select PostScript or PDF formats for your templates; they are all sized 81/2 x 11 (portrait orientation). Overall, there are 37 templates available and they are split into the following categories: General (9 templates), Solo (3 templates), Ensemble (8 templates), Band (4 templates), Orchestra (4 templates) and finally templates for Choral (8 templates). Below you can see examples of the Basic template and the Full Orchestra templates:
Generators and Tools
Incompetech Grid and Graph Paper Generator
On this site you can generate basic graph templates in any size, color and even by grid spacing, you can also choose from the scores of different graph variations: Axonometric Perspective, Cross Grid, Inverted, Equilateral Triangle, Octagonal, Hexagonal, Semi-bisected Trapezoid and Tumbling Block – Trapezoid.
Notepad Generator
This tool allows you to customize a PDF notepad which you can then print it out on standard 8 1/2 x 11 paper.
Print Free Graph Paper
Here you can choose the size (Letter or A4), paper type (Cartesian, Polar, Isometric…), measuring units (Millimetres or Inches) and finally whether you want the paper formatted or un-formatted.
All work and no play PDFs
Downloadable Origami Templates
You know the saying “all work and no play…”. Well, not all printable PDFs are geared towards work. How about a fun stress reliever? This site offers a huge database of printable origami models that will keep you amused for hours. Best not to make these during collaboration and brainstorming meetings though!
Design Police – Bring bad design to justice
Fed up with the bad design choices of your colleagues? Design-Police.org has created, as they call it, “visual enforcement kit” for designers. Help bring bad design to justice!
Related Posts
You may be interested in the following related posts:
- 35 Excellent Wireframing Resources
- 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
What other goodies would you like us to collect?
Would you like us to collect other PDFs, files, download kits? Let us know what you need in the comments below and we will collect them and present them in one of our upcoming posts!











































Martin
March 29th, 2010 3:30 amVery useful ! Thanks !
Jonathan
March 29th, 2010 3:37 amI was actually looking for this resource a few weeks back. Great post!
itReptil
March 29th, 2010 3:45 amGreat job !
itreptil
December 6th, 2010 2:17 pmamazing xD
Paul S
March 29th, 2010 3:50 amWhy does the “Four Dots Per Inch A4 Paper” have different kinds of dots?
stefanjo
March 30th, 2010 3:52 pmPaul it doesn’t have different kinds of dots. It’ just a preview error. When downloaded they are all the same.
Fatma
March 29th, 2010 4:00 amI’m downloading some of them now .. thanks a lot .
Vladimir Carrer
March 29th, 2010 4:03 amLovely list. I love paper sketching. I also did something similar and maybe can help somebody. Sketchbook for web designers http://www.vcarrer.com/2009/02/sketchbook-for-web-designers.html
Bogdan Gagea
March 29th, 2010 4:11 amThank you very much! I was just searching the www the other days for this…10x!
pxlgoodness
March 29th, 2010 4:14 amgreat article, will come in handy for many people!
Thany
March 29th, 2010 4:19 amShould the first step not be to make a solid technical design? GUI comes later.
Brian Jones
March 29th, 2010 5:09 amThank you for this post – these will come in handy. I actually was at Staples a couple days ago to get some graph paper and a new file cabinet – did not feel like spending the $20 for about 10-15 sheets of graph paper so this post comes at the perfect time!
DELADE
March 29th, 2010 6:03 amGreat and very USEFUL post, thanks!
Enrique Robledo
March 29th, 2010 6:05 amStop using paper!!!
Although the templates are very good!
Wouter
March 29th, 2010 6:08 amNice list… though I’m amazed you forgot to mention the templates provided by the nice folk at http://960.gs ( http://github.com/nathansmith/960-Grid-System/zipball/master/ )
Justin Carroll
March 29th, 2010 6:29 amI wish I wasn’t so lazy. These could probably help me collect my thoughts better. I might print them. :) Thx for the collection!
Emmanuel
March 29th, 2010 6:32 amNow here is genuinely useful set of resources. Thanks!
Gerd Wippich
March 29th, 2010 6:39 amI especially like the last one, Design Police. Comic Sans is illegal, lol.
Dzinepress
March 29th, 2010 6:39 amexcellent article and really useful stuff.
Teylor Feliz
March 29th, 2010 6:57 amThis is exactly what I was looking for. Thanks Paul and Smashing Mag ;)
Roberto
March 29th, 2010 7:11 amGreat list, thank you. This fillable and Printable calander is especially usefull: http://blog.worldlabel.com/2009/free-2010-fillable-calender-pdf-pro-printable-template.html
Julian Lang
March 29th, 2010 7:32 amI’m thinking, ‘who doesn’t need this resource?’ The variety is great. Now to download and test drive. That’s where it counts.
leah
March 29th, 2010 7:36 amthanks for sharing these! these will come in very handy.
Web4half
March 29th, 2010 7:52 amAppreciate your efforts in putting this together.
Tx
EdWA
March 29th, 2010 8:13 amThe calanders aren’t free actually!
I tried one, wanted tochange some things, but then the download was denied.
Debashish Paul
March 29th, 2010 9:03 amGreat line of resources! A big thank you SM
Ed P.
March 29th, 2010 9:07 amNice resource!
Floris
March 29th, 2010 9:18 amAh finally! [bookmarks]
Thank youuuuuu so much :)
Elaine
March 29th, 2010 9:51 amAre there any storyboards out there for casual gaming?
ardianzzz
March 29th, 2010 10:18 amnice! thanks for the stuffs! :)
Chris
March 29th, 2010 10:37 amNow this is what I am fucking talking about!!! Smashing release stuff like these!! Keep it up!!!!!!!!!! Smashing Magazine… FTW
cancel bubble
March 29th, 2010 10:45 amThere’s a bunch over at http://www.geekchix.org/blog/2010/01/03/a-collection-of-printable-sketch-templates-and-sketch-books-for-wireframing/ as well.
Ethan
March 29th, 2010 10:51 amWhat a fantastic article. As I read the title, I thought, why would I need help in getting ready to sketch? I know how to sketch… I definitely didn’t expect such tangible, helpful, and plentiful resources. Bravo.
Michelle C
March 29th, 2010 11:34 amLOVE,LOVE, LOVE to visit this site! I always walk away with something good!
Thanks
Phil Benoit
March 29th, 2010 11:46 amThanks for this, I know the website ones will come in handy!
Manuel
March 29th, 2010 1:58 pmMy printer is happy now :-D Thanks!
Matt Vogt
March 29th, 2010 2:32 pmThis is so very handy! THANK YOU
Peter Škrovan
March 29th, 2010 3:29 pmThanks. Useful…
Marty
March 29th, 2010 4:01 pmThis is an epic collection of resources that is extremely useful to me outside of web design! Awesome!
PGabor
March 29th, 2010 4:22 pmI love the Design Police part. Geez, if I had the chance to stick those around on poorly designed sites…
achmatim
March 29th, 2010 5:13 pmnice templates and collections. thanks for sharing sir
savet
April 6th, 2010 5:32 pmhi my name savet I want you help me how to dedsign the web page ok I hope that you will be help me and I want you to send some documnet that you have ok
diogo
March 29th, 2010 5:57 pmIt’s a good list, but you should also refer to David Seah’s great productivity tools: http://davidseah.com/blog/the-printable-ceo-series/ and compact calendar: http://davidseah.com/page/compact-calendar
Dirmansuharno
March 29th, 2010 6:29 pmthanks for sharing :)
Kyrre
March 29th, 2010 7:14 pmCheck out http://www.gridpapr.com awesome for sketching design for web or what ever you need to sketch down. I use it all the time and sketch up new site for our clients even in the first meeting.
Uday Sutaria
March 29th, 2010 8:12 pmThis is very useful post for me. This will defiantly going to help me in my projects as well as my clients to understand the flow of their project.
Thanks Paul.
afraz
March 29th, 2010 8:55 pmWhat about the clients who post their project on some sites like GAF and rent a coder and first say that come up with a mockup? can we use wire frames for those clients?
Murid Rahhal
March 29th, 2010 10:18 pm960 px grid system in PSD file, free download:
http://blog.sfaranda.com/the-ultimate-grid-system-psd-file
Ruud
March 29th, 2010 10:20 pmawesome!
Jingalala
March 29th, 2010 11:26 pmIts a great list…Thanks…
waiting to see more…
fgaeg
March 30th, 2010 1:02 amwow, good list!
this is very useful post for me
goofydg1
March 30th, 2010 5:58 amnice work
Mike
March 30th, 2010 11:18 amAndroid design sketch sheet Template (PDF 484k) – go from idea to paper prototype in secs – http://bit.ly/cVqoKs – courtesy of http://www.usability-app.com
Syed.U.I
March 30th, 2010 2:02 pmThanks for sharing. Really helpful.
yog
December 3rd, 2010 11:50 pmgr8 reply….
Luke
March 30th, 2010 3:23 pmVery useful!
June
March 30th, 2010 11:15 pmOh happiness! Awesome post, as usual. Thanks so much! :)
Gavin
March 31st, 2010 3:47 amYet again another well researched post. Thanks for sharing guys.
Cynthia D
March 31st, 2010 11:00 pmThanks for this helpful variety of tools. I can already see that a few of these will fit my needs perfectly.
Shimu
April 1st, 2010 2:13 amwow! These templates are really useful for designers!
Alex
April 1st, 2010 7:40 amYep, looks pretty cool…
greg
April 2nd, 2010 8:12 amWOW! this is very useful, Thank you!
Dan Harrelson
April 2nd, 2010 8:44 amAt Adaptive Path we have provided instructions and templates for sketching and a technique we call “sketchboarding”.
http://www.adaptivepath.com/ideas/essays/archives/000863.php
Igor Ivankovic
April 3rd, 2010 6:31 amWow, very usefull for me :) Thank you for this mega pack :)
Jos Senden
April 4th, 2010 12:54 amvery usefull and a good overview
Vladimir Grichina
April 4th, 2010 2:14 pmI think readers of this post may also be interested in our ready to use sketchbook for designing iPad apps – http://www.ipadsketchbook.com/en
tanya
April 8th, 2010 4:03 amgreat post and very useful. thanks a lot
Tobias
April 9th, 2010 5:55 amPerfect, thanks a lot for this.
Vicky
April 10th, 2010 1:50 amSurprised you missed the Eight Shapes Unify set http://unify.eightshapes.com/ . Admittedly you have to give up your email address to get it, but it’s the most heavy duty UI templates out there!
—-
[Edit: oops, realised that Unify is mentioned in the more general "50 Free UI and Web Design Wireframing Kits, Resources and Source Files" http://www.smashingmagazine.com/2010/02/05/50-free-ui-and-web-design-wireframing-kits-resources-and-source-files/ . Carry on ....]
jacob
April 15th, 2010 12:59 pmi just found http://www.generatedpaper.com — it’s a very useful ressource for the basic stuff like graph papers or notebook papers.
Dave
April 17th, 2010 3:06 pmMy friend created the real thing. Check it out: http://pixelpads.com/
Rebecca H
June 2nd, 2010 1:08 amthese are really so cool.
vivi
June 10th, 2010 9:28 ammuy buenas ideas
Shawn, Kim
June 14th, 2010 4:14 amGood. Thanks you.
Charlie
July 25th, 2010 5:57 pmForget the printer altogether and get PixelPads instead. Learn the concept of designing in-context. They’re way ahead of all these and the grid is in 10-pixel increments.
PixelPads.com
Ricardo Hagens
August 25th, 2010 12:22 amVery useful.
Thnx. for sharing!
Luca
October 17th, 2010 2:07 amgoogled all around for this one….another Smashing post from Smashing magazine :-) thank you guys!!!
Sarah
December 9th, 2010 2:32 amI LOVE the origami templates!
Christine
March 27th, 2012 3:26 pmGreat collection, thanks! That’s exactly what I’ve been looking for.
John
February 19th, 2013 11:41 amGreat! Thank You!
Tim
March 6th, 2013 11:29 amNow there is also http://paperkit.net
Dan
March 29th, 2010 8:00 amNever heard of pocketmod before, but it is an AWESOME concept. Printing mine now. Thanks for the link!
Warren Buffet
March 30th, 2010 1:22 amThat’s really cool, dude!