> For the complete documentation index, see [llms.txt](https://www.uxlibrary.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://www.uxlibrary.org/explore/ui-design/articles/sketching-and-whiteboarding.md).

# Sketching & Whiteboarding

## Paper Prototyping Basics

Most design starts with paper and pen (or should if it isn't!). With paper you can generate & iterate over wireframes at a much faster rate than you could potentially do with a computer. More importantly it helps ensure you don't become too invested or attached to a design. These set of articles are perfect to help you optimize your sketching process.

{% embed url="<https://medium.com/the-marvel-journal/stop-talking-and-start-sketching-a-guide-to-paper-prototyping-6bada595767e>" %}

{% embed url="<https://uxdesign.cc/3-rapid-prototyping-exercises-to-improve-your-skills-in-ux-design-f2c8b2d690b3>" %}

{% embed url="<https://uxdesign.cc/lessons-learned-from-running-sketchstorming-workshops-6044cb0bc7b1>" %}

## Become a Pro at Whiteboarding

Designing low-fidelity wireframes don't just happen on paper but on whiteboards too especially when collaborating and mapping out user journeys for different scenarios based on constraints and requirements. These articles will give you an essential crash course in ensuring you are able to effectively draw & communicate your ideas when at a whiteboard. P.S. they also work great for preparing you for interviews.

{% embed url="<https://uxdesign.cc/practical-whiteboarding-for-ux-designers-2329d6e7d254>" %}

{% embed url="<https://medium.com/graphicfacilitation/18-extremely-useful-whiteboard-templates-for-efficient-workshops-f20fee10be42>" %}

{% embed url="<https://medium.com/graphicfacilitation/two-simple-techniques-to-dramatically-improve-your-whiteboard-skills-a391534a8140>" %}

{% embed url="<https://blog.prototypr.io/product-design-exercises-we-use-at-wework-interviews-2ee1f5a57319>" %}

## Develop Good Sketch Noting Habits

Not everyone is born an artist, but just like design, drawing can be learned and is essential to making you a better designer as it can transform the ways you visualize ideas and scenarios. In these handful of articles, you will see how real-world designers have use sketch-noting to their advantage and how you can too!

{% embed url="<https://medium.com/8px-magazine/create-memories-by-sketching-220398d3d027>?" %}

{% embed url="<https://medium.com/pictal-health/a-safe-space-to-draw-4078f99cf0fa>" %}

{% embed url="<https://uxdesign.cc/sketchnoting-for-ux-designers-webexpo-conference-captured-by-sketchnotes-29127e11c2d8>" %}

{% embed url="<https://medium.com/sketchit/design-thinking-visualized-1c04007270e5>" %}

{% embed url="<https://uxdesign.cc/ux-sketching-challenge-100-days-of-visual-library-building-580d5b102df6>" %}

{% embed url="<https://xd.adobe.com/ideas/perspectives/interviews/makayla-lewis-power-sketchnoting-ux-design/>" %}

![](/files/-LyTzMN_2df8kzPj8tGD)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://www.uxlibrary.org/explore/ui-design/articles/sketching-and-whiteboarding.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.