Skip to content

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

Updated 16 Sep 20261 min read

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


  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


  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




Was this page helpful?

Sign in to MockFlow

The same account you use in the app and on the API.

Forgot your password?
or
Continue with GoogleContinue with Microsoft