Docs Index

Drawing mode

Last updated on Available in French

During technical interviews you may need to sketch out a system or describe technical architecture, which you can do within the pad with Drawing Mode. You can conduct the interview entirely in Drawing Mode or toggle between the IDE and Drawing Mode as needed.

The drawing mode screen is open with a mock diagram showing a flow between different shapes.

Drawing Mode allows you to join a virtual whiteboard alongside a candidate. Drawing Mode can be used for a variety of use-cases, but mostly it will be used for asking questions based around:

  • Technical diagramming
  • Database design
  • UI/UX Mockups

The goal of Drawing Mode is to allow you to collaborate with the candidate to see how they think about certain questions that you ask them during an interview.

We advise giving the candidate a heads up if there will be a Drawing Mode session during your interview. That way it gives the candidate a chance to come to CoderPad ahead of time, play around with Drawing Mode and become familiar/more comfortable.

Accessing Drawing Mode

You can access Drawing Mode inside any live-interview pad. To open, click the Drawing Mode button located in the top left hand corner.

The draw button is highlighted in the left tab menu and the draw window is open in the center of the screen.

As soon as you click on the button, Drawing Mode will open and be ready for use.


Using Drawing Mode inside a pad

Once you open Drawing Mode, you can move the drawing container around. For most interviews, it’s always good to have your code in the left hand side of the screen, and drawing mode sitting just to the right of it.


Opening Drawing Mode in a new window

You also have the option to open Drawing Mode in an entirely new window. To do this, click on the icon located in the top right hand corner of Drawing Mode. This is beneficial if you have a larger screen.

The "open in new window" button is shown at the top right of the drawing mode window.


Interviewer and candidate access

Both the interviewer and the candidate have access to open/close Drawing Mode at any time during the interview. Each participant has control of their own environment, meaning when an interviewer opens up Drawing Mode, it will not open for the candidate. If you decide to close Drawing Mode, the contents of all participants will still be accessible upon re-opening.


Drawing Mode tools

In Drawing Mode, you have access to different tools. You’ll see options like adding shapes, lines, text, and more. There is also the ability to upload your own photos (great for UX/UI design discussions), erase parts of the drawing, un-do and re-do, and pan around dependent on your view.


Playback and after the interview

You will be able to see the final state of the drawing as part of the pad playback for review. If Drawing Mode was enabled during the pad session, there will be a tab on the right side of the editor to review the drawing – labeled “Drawing”. If Drawing Mode was not enabled during the pad session, the tab will not appear.