Menu Search
Jump to the content X X
Design Systems book

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books such as Design Systems, a book dedicated to creating design systems and pattern libraries? Check the table of contents →

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. [Links repaired March/23/2017]

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.

Further Reading on SmashingMag: Link

Wireframing and Sketching Paper Link

Paper Browser – It’s a browser, only in paper5
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.

Sketch, Template and Wireframe Printable Paper6

Web Sketching Template – Single Page7
This A4 template has been designed for sketching a website with a resolution of 1024×768.

Sketch, Template and Wireframe Printable Paper8

iPhone Wireframe Templates for Sketching9
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.

Sketch, Template and Wireframe Printable Paper10

iPad Idea Sheet11
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.

Sketch, Template and Wireframe Printable Paper12

iPhone Idea Sheet13
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.

Sketch, Template and Wireframe Printable Paper14

iPhone Application Sketch Template15
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.

Sketch, Template and Wireframe Printable Paper16

Android Wireframe Templates17
This sketching set for Android contains templates for Nexus One, HTC Dream, HTC Hero, HTC Magic, HTC Tattoo and Motorola Droid.

Sketch, Template and Wireframe Printable Paper18

Wireframe Print and Sketch Template19

Sketch, Template and Wireframe Printable Paper20

A4 & A3 Sketching Paper21
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.

Sketch, Template and Wireframe Printable Paper22

Basic Wireframing Paper23
This is a basic grid box which you can use for concept diagrams, sitemaps, spectrums, tables, and whatever else you may need to sketch.

Sketch, Template and Wireframe Printable Paper24

Wireframe and Notes Paper25
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.

Sketch, Template and Wireframe Printable Paper26

Two-by-Two Wireframe Paper27
This template is a two by two grid with 4 cells divided by an x-y axis.

Sketch, Template and Wireframe Printable Paper28

Blank Grid and Graph Paper Link

ZURB Grid Paper29
With this grid paper you can connect the dots to give your sketches a little more structure while exploring refined concepts on paper.

Sketch, Template and Wireframe Printable Paper30

Graph Paper with Two Lines Per Inch – Letter-Sized31
This basic letter-sized graph paper has two aqua blue lines per inch.

Sketch, Template and Wireframe Printable Paper32

Four Dots Per Inch A4 Paper33
This printable dot paper has four dots per inch and is in portrait (vertical) orientation on letter-sized paper.

Sketch, Template and Wireframe Printable Paper34

Storyboard Templates Link

4 Cell Storyboard Paper35
This is a basic storyboard sketching template with 4 cells with each cell having a simple grid.

Sketch, Template and Wireframe Printable Paper36

MBTI Sketching Paper for Ideation37
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.

Sketch, Template and Wireframe Printable Paper38

ZURB Sketchsheets39
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 Template40

Sketch, Template and Wireframe Printable Paper41

Web Sketching Template – 6 Pages42
An A4 web design sketching template with space for notes.

Sketch, Template and Wireframe Printable Paper43

Scenario, Taskflow and Grid Sketchsheets44
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:

Sketch, Template and Wireframe Printable Paper45

Sketch, Template and Wireframe Printable Paper46

Sketch, Template and Wireframe Printable Paper47

Lined and Notepad Paper Link

A4 Narrow-Ruled48
This letter-sized lined paper is narrow ruled in portrait (vertical) orientation.

Sketch, Template and Wireframe Printable Paper49

8.25″ x 11″ Lined and Squared Paper50
This lined and squared paper template is sized 8.25″x11″, and available in both PDF and JPEG.

Sketch, Template and Wireframe Printable Paper51

Speciality Paper Link

Printable Cornell Note Paper52
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).

Sketch, Template and Wireframe Printable Paper53

Moleskine Writing Template by Rod Graves54
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.

Sketch, Template and Wireframe Printable Paper55

Penmanship Paper56
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.

Sketch, Template and Wireframe Printable Paper57

Calendars Link

Weekly Printable Calendar58
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.

Sketch, Template and Wireframe Printable Paper59

Monthly Printable Calendar60
This template lets you create printable monthly calendars for letter and A4 paper sizes.

Sketch, Template and Wireframe Printable Paper61

5-Day Monthly Calendar62
Create and print a 5-day calendar with holidays and your choice of start day by using the generator.

Sketch, Template and Wireframe Printable Paper63

Lined Weekly Printable Calendar64
Create and print lined weekly calendars in horizontal or vertical format with your choice of start day.

Sketch, Template and Wireframe Printable Paper65

Index card sized Printable Calendars66
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 Calendar67, Split Month Calendar68, Yearly Calendar69 and 2-Year Calendar70.

Sketch, Template and Wireframe Printable Paper71

Music Sheets Link

Music Paper from the University of Virginia72
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:

Sketch, Template and Wireframe Printable Paper73

Sketch, Template and Wireframe Printable Paper74

Generators and Tools Link

Incompetech Grid and Graph Paper Generator75
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 Generator76
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 Paper77
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 Link

Downloadable Origami Templates78
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!

Sketch, Template and Wireframe Printable Paper

Sketch, Template and Wireframe Printable Paper

What other goodies would you like us to collect? Link

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!

Footnotes Link

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32
  33. 33
  34. 34
  35. 35
  36. 36
  37. 37
  38. 38
  39. 39
  40. 40
  41. 41
  42. 42
  43. 43
  44. 44
  45. 45
  46. 46
  47. 47
  48. 48
  49. 49
  50. 50
  51. 51
  52. 52
  53. 53
  54. 54
  55. 55
  56. 56
  57. 57
  58. 58;jsessionid=C2ECEC55C761BAE0476358267ACC0FA4?action=customWeekly
  59. 59;jsessionid=C2ECEC55C761BAE0476358267ACC0FA4?action=customWeekly
  60. 60;jsessionid=C2ECEC55C761BAE0476358267ACC0FA4?action=classicMonthly
  61. 61;jsessionid=C2ECEC55C761BAE0476358267ACC0FA4?action=classicMonthly
  62. 62;jsessionid=C2ECEC55C761BAE0476358267ACC0FA4?action=monthlyFiveDay
  63. 63;jsessionid=C2ECEC55C761BAE0476358267ACC0FA4?action=monthlyFiveDay
  64. 64;jsessionid=C2ECEC55C761BAE0476358267ACC0FA4?action=weeklyLinedNoTimes
  65. 65;jsessionid=C2ECEC55C761BAE0476358267ACC0FA4?action=weeklyLinedNoTimes
  66. 66
  67. 67
  68. 68
  69. 69
  70. 70
  71. 71
  72. 72
  73. 73
  74. 74
  75. 75
  76. 76
  77. 77
  78. 78

↑ Back to top Tweet itShare on Facebook

Paul Andrew is a freelance Web designer. He is chief admin for Speckyboy - Design Magazine, a Web design, Web development and graphic design resource blog.

  1. 1

    Very useful ! Thanks !

  2. 2

    I was actually looking for this resource a few weeks back. Great post!

  3. 3

    Great job !

  4. 5

    Why does the “Four Dots Per Inch A4 Paper” have different kinds of dots?

    • 6

      Paul it doesn’t have different kinds of dots. It’ just a preview error. When downloaded they are all the same.

  5. 7

    I’m downloading some of them now .. thanks a lot .

  6. 8

    Vladimir Carrer

    March 29, 2010 4:03 am

    Lovely list. I love paper sketching. I also did something similar and maybe can help somebody. Sketchbook for web designers

  7. 9

    Bogdan Gagea

    March 29, 2010 4:11 am

    Thank you very much! I was just searching the www the other days for this…10x!

  8. 10

    great article, will come in handy for many people!

  9. 11

    Should the first step not be to make a solid technical design? GUI comes later.

  10. 12

    Thank 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!

  11. 13

    Great and very USEFUL post, thanks!

  12. 14

    Enrique Robledo

    March 29, 2010 6:05 am

    Stop using paper!!!
    Although the templates are very good!

  13. 15

    Justin Carroll

    March 29, 2010 6:29 am

    I wish I wasn’t so lazy. These could probably help me collect my thoughts better. I might print them. :) Thx for the collection!

  14. 16

    Now here is genuinely useful set of resources. Thanks!

  15. 17

    Gerd Wippich

    March 29, 2010 6:39 am

    I especially like the last one, Design Police. Comic Sans is illegal, lol.

  16. 18

    Teylor Feliz

    March 29, 2010 6:57 am

    This is exactly what I was looking for. Thanks Paul and Smashing Mag ;)

  17. 19

    I’m thinking, ‘who doesn’t need this resource?’ The variety is great. Now to download and test drive. That’s where it counts.

  18. 20

    thanks for sharing these! these will come in very handy.

  19. 21

    Appreciate your efforts in putting this together.

  20. 22

    Never heard of pocketmod before, but it is an AWESOME concept. Printing mine now. Thanks for the link!

  21. 23

    The calanders aren’t free actually!
    I tried one, wanted tochange some things, but then the download was denied.

  22. 24

    Debashish Paul

    March 29, 2010 9:03 am

    Great line of resources! A big thank you SM

  23. 25

    Nice resource!

  24. 26

    Ah finally! [bookmarks]

    Thank youuuuuu so much :)

  25. 27

    Are there any storyboards out there for casual gaming?

  26. 28

    nice! thanks for the stuffs! :)

  27. 29

    Now this is what I am fucking talking about!!! Smashing release stuff like these!! Keep it up!!!!!!!!!! Smashing Magazine… FTW

  28. 30

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

  29. 31

    LOVE,LOVE, LOVE to visit this site! I always walk away with something good!

  30. 32

    Thanks for this, I know the website ones will come in handy!

  31. 33

    My printer is happy now :-D Thanks!

  32. 34

    I love the Design Police part. Geez, if I had the chance to stick those around on poorly designed sites…

  33. 35

    nice templates and collections. thanks for sharing sir

    • 36

      hi 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

  34. 37


    March 29, 2010 6:29 pm

    thanks for sharing :)

  35. 38

    Check out 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.

  36. 39

    Uday Sutaria

    March 29, 2010 8:12 pm

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

  37. 40

    What 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?

  38. 41


  39. 42

    Its a great list…Thanks…

    waiting to see more…

  40. 43

    This is so very handy! THANK YOU

  41. 44

    Peter Škrovan

    March 29, 2010 3:29 pm

    Thanks. Useful…

  42. 45

    This is an epic collection of resources that is extremely useful to me outside of web design! Awesome!

  43. 46

    wow, good list!
    this is very useful post for me

  44. 47

    Thanks for sharing. Really helpful.

  45. 49

    Very useful!

  46. 50

    Oh happiness! Awesome post, as usual. Thanks so much! :)

  47. 51

    Yet again another well researched post. Thanks for sharing guys.

  48. 52

    Thanks for this helpful variety of tools. I can already see that a few of these will fit my needs perfectly.

  49. 53

    wow! These templates are really useful for designers!

  50. 54

    Yep, looks pretty cool…

  51. 55

    WOW! this is very useful, Thank you!

  52. 56

    Igor Ivankovic

    April 3, 2010 6:31 am

    Wow, very usefull for me :) Thank you for this mega pack :)

  53. 57

    very usefull and a good overview

  54. 58

    great post and very useful. thanks a lot

  55. 59

    Perfect, thanks a lot for this.

  56. 60

    Surprised you missed the Eight Shapes Unify set . 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” . Carry on ….]

  57. 61

    these are really so cool.

  58. 62

    muy buenas ideas

  59. 63

    Good. Thanks you.

  60. 64

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

  61. 65

    Ricardo Hagens

    August 25, 2010 12:22 am

    Very useful.
    Thnx. for sharing!

  62. 66

    googled all around for this one….another Smashing post from Smashing magazine :-) thank you guys!!!

  63. 67

    I LOVE the origami templates!

  64. 68

    Great collection, thanks! That’s exactly what I’ve been looking for.

  65. 69

    Great! Thank You!

  66. 70
  67. 71

    This is great! Thanks for sharing. I always find it useful to have templates. Specially graph paper since I like to draw a lot of ideas, in my case of machines and parts. Anyway I also wanted to suggest I like the graph papers you listed I only mention this one because I like to draw big and they offer up to poster size graph paper, which makes a happy man. Thanks again!

  68. 72



↑ Back to top