Menu Search
Jump to the content X X
Smashing Conf San Francisco

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf San Francisco, dedicated to smart front-end techniques and design patterns.

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:

Wireframing and Sketching Paper Link

Paper Browser – It's a browser, only in paper3
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 Paper4

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

Sketch, Template and Wireframe Printable Paper6

iPhone Wireframe Templates for Sketching7
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 Paper8

iPad Idea Sheet9
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 Paper10

iPhone Idea Sheet11
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 Paper12

iPhone Application Sketch Template13
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 Paper14

Android Wireframe Templates15
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 Paper16

Wireframe Print and Sketch Template17

Sketch, Template and Wireframe Printable Paper18

A4 & A3 Sketching Paper19
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 Paper20

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.

Sketch, Template and Wireframe Printable Paper

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.

Sketch, Template and Wireframe Printable Paper

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

Sketch, Template and Wireframe Printable Paper

Blank Grid and Graph Paper Link

ZURB Grid Paper21
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 Paper

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

Sketch, Template and Wireframe Printable Paper23

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

Sketch, Template and Wireframe Printable Paper25

Storyboard Templates Link

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

Sketch, Template and Wireframe Printable Paper

MBTI Sketching Paper for Ideation26
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 Paper27

ZURB Sketchsheets28
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.

Sketch, Template and Wireframe Printable Paper29

Storyboard Template30

Sketch, Template and Wireframe Printable Paper31

Storyboard with Notes
A storyboard template with 4 cells, with the area space beneath each cell for notes.

Sketch, Template and Wireframe Printable Paper

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

Sketch, Template and Wireframe Printable Paper33

Scenario, Taskflow and Grid Sketchsheets34
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 Paper35

Sketch, Template and Wireframe Printable Paper36

Sketch, Template and Wireframe Printable Paper37

Lined and Notepad Paper Link

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

Sketch, Template and Wireframe Printable Paper39

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.

Sketch, Template and Wireframe Printable Paper

Speciality Paper Link

Printable Cornell Note Paper40
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 Paper41

Moleskine Writing Template by Rod Graves42
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 Paper43

Penmanship Paper44
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 Paper45

Calendars Link

Weekly Printable Calendar46
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 Paper47

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

Sketch, Template and Wireframe Printable Paper49

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

Sketch, Template and Wireframe Printable Paper51

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

Sketch, Template and Wireframe Printable Paper53

Index card sized Printable Calendars54
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 Calendar55, Split Month Calendar56, Yearly Calendar57 and 2-Year Calendar58.

Sketch, Template and Wireframe Printable Paper59

Music Sheets Link

Music Paper from the University of Virginia60
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 Paper61

Sketch, Template and Wireframe Printable Paper62

Generators and Tools Link

Incompetech Grid and Graph Paper Generator63
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 Generator64
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 Paper65
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 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!

Sketch, Template and Wireframe Printable Paper

Sketch, Template and Wireframe Printable Paper

Design Police – Bring bad design to justice66
Fed up with the bad design choices of your colleagues? has created, as they call it, “visual enforcement kit” for designers. Help bring bad design to justice!

Sketch, Template and Wireframe Printable Paper67

You may be interested in the following related posts:

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;jsessionid=C2ECEC55C761BAE0476358267ACC0FA4?action=customWeekly
  47. 47;jsessionid=C2ECEC55C761BAE0476358267ACC0FA4?action=customWeekly
  48. 48;jsessionid=C2ECEC55C761BAE0476358267ACC0FA4?action=classicMonthly
  49. 49;jsessionid=C2ECEC55C761BAE0476358267ACC0FA4?action=classicMonthly
  50. 50;jsessionid=C2ECEC55C761BAE0476358267ACC0FA4?action=monthlyFiveDay
  51. 51;jsessionid=C2ECEC55C761BAE0476358267ACC0FA4?action=monthlyFiveDay
  52. 52;jsessionid=C2ECEC55C761BAE0476358267ACC0FA4?action=weeklyLinedNoTimes
  53. 53;jsessionid=C2ECEC55C761BAE0476358267ACC0FA4?action=weeklyLinedNoTimes
  54. 54
  55. 55
  56. 56
  57. 57
  58. 58
  59. 59
  60. 60
  61. 61
  62. 62
  63. 63
  64. 64
  65. 65
  66. 66
  67. 67
  68. 68
  69. 69

↑ 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

    Great job !

  2. 3

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

    • 4

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

  3. 5

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

  4. 6

    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

  5. 7

    Bogdan Gagea

    March 29, 2010 4:11 am

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

  6. 8

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

  7. 9

    Enrique Robledo

    March 29, 2010 6:05 am

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

  8. 10

    Nice list… though I’m amazed you forgot to mention the templates provided by the nice folk at ( )

  9. 11

    Now here is genuinely useful set of resources. Thanks!

  10. 12

    Very useful ! Thanks !

  11. 13

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

  12. 14

    great article, will come in handy for many people!

  13. 15

    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!

  14. 16

    Great and very USEFUL post, thanks!

  15. 17

    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!

  16. 18

    Gerd Wippich

    March 29, 2010 6:39 am

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

  17. 19

    excellent article and really useful stuff.

  18. 20

    Teylor Feliz

    March 29, 2010 6:57 am

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

  19. 21

    Great list, thank you. This fillable and Printable calander is especially usefull:

  20. 22

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

  21. 23

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

  22. 24

    Appreciate your efforts in putting this together.

  23. 25

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

  24. 26

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

  25. 27

    Debashish Paul

    March 29, 2010 9:03 am

    Great line of resources! A big thank you SM

  26. 28

    Nice resource!

  27. 29

    Ah finally! [bookmarks]

    Thank youuuuuu so much :)

  28. 30

    Are there any storyboards out there for casual gaming?

  29. 31

    nice! thanks for the stuffs! :)

  30. 32

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

  31. 33
  32. 34

    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.

  33. 35

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

  34. 36

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

  35. 37

    My printer is happy now :-D Thanks!

  36. 38

    This is so very handy! THANK YOU

  37. 39

    Peter Škrovan

    March 29, 2010 3:29 pm

    Thanks. Useful…

  38. 40

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

  39. 41

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

  40. 42

    nice templates and collections. thanks for sharing sir

    • 43

      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

  41. 44

    It’s a good list, but you should also refer to David Seah’s great productivity tools: and compact calendar:

  42. 45


    March 29, 2010 6:29 pm

    thanks for sharing :)

  43. 46

    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.

  44. 47

    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.

  45. 48

    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?

  46. 49

    960 px grid system in PSD file, free download:

  47. 50


  48. 51

    Its a great list…Thanks…

    waiting to see more…

  49. 52

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

  50. 53

    Warren Buffet

    March 30, 2010 1:22 am

    That’s really cool, dude!

  51. 54

    nice work

  52. 55

    Android design sketch sheet Template (PDF 484k) – go from idea to paper prototype in secs – – courtesy of

  53. 56

    Thanks for sharing. Really helpful.

  54. 58

    Very useful!

  55. 59

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

  56. 60

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

  57. 61

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

  58. 62

    wow! These templates are really useful for designers!

  59. 63

    Yep, looks pretty cool…

  60. 64

    WOW! this is very useful, Thank you!

  61. 65

    Dan Harrelson

    April 2, 2010 8:44 am

    At Adaptive Path we have provided instructions and templates for sketching and a technique we call “sketchboarding”.

  62. 66

    Igor Ivankovic

    April 3, 2010 6:31 am

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

  63. 67

    very usefull and a good overview

  64. 68

    Vladimir Grichina

    April 4, 2010 2:14 pm

    I think readers of this post may also be interested in our ready to use sketchbook for designing iPad apps –

  65. 69

    great post and very useful. thanks a lot

  66. 70

    Perfect, thanks a lot for this.

  67. 71

    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 ….]

  68. 72

    i just found — it’s a very useful ressource for the basic stuff like graph papers or notebook papers.

  69. 73

    My friend created the real thing. Check it out:

  70. 74

    these are really so cool.

  71. 75

    muy buenas ideas

  72. 76

    Good. Thanks you.

  73. 77

    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.

  74. 78

    Ricardo Hagens

    August 25, 2010 12:22 am

    Very useful.
    Thnx. for sharing!

  75. 79

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

  76. 80

    I LOVE the origami templates!

  77. 81

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

  78. 82

    Great! Thank You!

  79. 83
  80. 84

    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!

  81. 85



↑ Back to top