# How to do freehand drawing in editor ?

> Apart from ready made components, the user can also draw freehand in the page canvas by enabling draw mode.

The following...

Source: https://mockflow.com/docs/wireframepro/editor/do-freehand-drawing-in-editor

Apart from ready made components, the user can also draw freehand in the page canvas by enabling draw mode.

**The following screenshots illustrate how to draw in the editor**

1. In the editor, click the 'Draw Mode' icon at the bottom of the components sidebar.

![Screen Shot 2025-03-27 at 6.08.00 PM.png](https://assets.mockflow.com/docs/media/fc819550e9f450dc13914961.webp)

1. Select a drawing tool from the Draw Mode settings, such as Draw Freehand, Draw Straight Lines, Marker, or Eraser.

![Wireframepro - Draw Mode Components.gif](https://assets.mockflow.com/docs/media/46efaa32b4ba93e3b05e873f.gif)

1. Customize your drawing by choosing a color and thickness, then start drawing on the canvas.

1. Once done, click the 'Save Drawing' button to save your work.

![Wireframepro - Draw Mode Components (1).gif](https://assets.mockflow.com/docs/media/b7b7dc232c6e6c93491f6de4.gif)