How to Draw in Notion

Notion is a productivity-centric note-taking app that lets you easily manage your tasks and projects without using multiple tools. You can create and use templates in Notion to speed up frequent tasks, take notes, track budgets, manage design projects, and more. You can even draw in Notion to better visualize an idea you have in your mind or to make understanding complex things easier. But how do you draw in the note-taking app? Does it even have an inbuilt drawing tool?

How to Draw in Notion By Embedding Whiteboards

Notion has no built-in drawing tool, but you can always use its embed feature to add drawing capabilities to your documents. Some online whiteboards, such as Witeboard and Excalidraw, are perfect for this. While you can use web-based tools to draw in Notion on any device, the user experience will be better on a PC or Mac than on a smartphone.

1. Using Witeboard

Witeboard is an online sharable whiteboard you can use to draw effortlessly in Notion.

1. Launch the web browser on your PC.
2. Go to Witeboard.
3. Copy the board URL.
4. Go to the Notion document in which you want to draw.
5. Hover on a new line and click the (+) icon or type slash (/) to go to Basic Blocks.
6. Scroll down to Embeds and click Embed.
   
7. Go to the URL field, press Ctrl + V on Windows and Cmd + V on Mac to paste the Witeboard link.
8. Click Embed link to add Witeboard.
   

Once added, you can start drawing using your mouse by clicking the pencil icon at the bottom of the embedded board.

2. Using Excalidraw

Like Witeboard, Excalidraw is another web-based tool that adds sketching functionality to Notion. You may prefer it over the former, as Notion offers a dedicated embedding option for Excalidraw for deeper integration.

1. Open your PC’s web browser.
2. Go to Excalidraw.
3. Select and copy the whiteboard URL.
4. Go to your Notion note.
5. Hover on a new line, click the (+) icon, or type (/) to go to Basic Blocks.
6. Scroll down to Embeds and look for Excalidraw. Alternatively, you can type Excalidraw and select the popup option.
   
7. Press Ctrl + V on Windows and Cmd + V on Mac to paste the copied link in the link field.
8. Click Embed Excalidraw.
   

Other Notion Embeds for Integrating Drawing Tools

If you are not into hand drawing and want to add more sophisticated designs or drawings to your Notion documents, you can try a few more third-party tools. However, remember that you can only embed the drawings and designs natively created in these tools.

1. Figma

Figma is a professional-grade design tool that you can use to design logos, applications, websites, and more. If you are a designer or a digital creator, embedding Figma into Notion documents will help you collaborate better, put everything together, or just showcase your creations. You can get your Figma design embed code and add it to your respective document using Figma Embed.

1. Go to Figma on your PC’s web browser.
2. Sign up or log in if you are already a user.
3. Go to the design you want to embed.
4. Click Share at the top right.
5. Select <> Get embed in the popup.
   
6. Click Copy on the following popup.
7. Go to your Notion document.
8. Type /Figma to find the embedding option and select it.
   
9. Paste the code you copied from Figma.
10. Click Link to embed it.
    

2. Miro

Miro can be a perfect addition to your Notion files if you need a drawing tool to ideate, brainstorm, or plan anything in collaboration with your team. You can use it to create flow charts, mind maps, workflows, app wireframes, and more with ready-to-use templates.

1. Go to Miro in your web browser.
2. Sign up or log in to your account.
3. Go to a Miro board you want to embed in Notion.
4. Click Share at the top right.
5. Go to Embed in the popup.
6. Click Copy embed code at the bottom.
   
7. Go to your Notion document and type /Miro.
8. Click the Miro embed option.
   
9. Paste the embed code in the link field.
10. Click Embed Miro.

You can create a mind map in Google Docs, which is a better option than embedding Miro in Notion for this purpose. 

3. Sketch

Sketch is another tool for creating UI/UX designs for mobile applications and web pages. Like Figma, it is a decent team collaboration software that allows prototyping. Sketch is preferable for Apple users as you can use its native iPhone app to view your designs and test prototypes.

1. Go to Sketch in your web browser.
2. Open the draft you want to embed.
3. Click the ellipsis icon at the top right.
4. Select Share from the popup options.
   
5. Choose Copy Public Link.
6. Navigate to your Notion document.
7. Type /Sketch and click the sketch embed option.
   
8. Paste your document code in the link field.
9. Click Embed Sketch.

Enrich Notion Documents With Visuals

Notion is a user-oriented tool packed with features or workarounds to achieve anything from managing stuff to integrating most web-based services or tools. You can even use Notion Offline to avoid an unstable internet connection. Moreover, you can take your projects to the next level with designs and hand-drawn illustrations that are easy to add as embeds.

FAQs