Home → Studios → Whiteboard Studio

Whiteboard Studio

Draw explainers that reveal themselves like they're hand-drawn.

Pen, marker, highlighter, shapes and text on a whiteboard canvas — with a genuine stroke-by-stroke draw animation and an animated hand cursor, exportable as image, SVG, PDF or video.

What you can do with Whiteboard Studio

  • Draw freehand with pen, marker or highlighter tools, and erase precisely
  • Add shapes (line, arrow, rectangle, circle) and text to the board
  • Play back strokes as a real draw-on animation, with an animated hand/pen cursor
  • Choose Draw, Auto Draw (sequential, simultaneous or staggered) or Write-On playback styles
  • Drop in built-in elements — arrows, speech bubbles, checkmarks, stars, diagram shapes — in hand-drawn, clean or minimal styles
  • Organize longer explainers across multiple scenes
  • Pick a board background — plain, grid, notebook, dots or paper
  • Export as image, SVG, PDF or video with the draw animation baked in

Main features

Real draw-reveal animation

Whiteboard Studio doesn't just fade content in — it reveals each stroke progressively along its actual path, with a configurable animated hand/pen cursor, and that same animation is baked into exported video, not just the editor preview.

Built-in explainer elements

A library of ready-made arrows, speech and thought bubbles, labels, highlight bars, checkmarks and diagram shapes in hand-drawn, clean or minimal visual styles.

Multi-scene boards

Build longer explainers across multiple scenes using the same scene system that powers Animation Studio, with quick previous/next navigation while presenting.

One canvas, shared with Design and Animation

Whiteboard Studio is built on the same canvas and element engine as Design Studio, with direct hand-off into Animation Studio for further motion work.

Who it's for

  • Whiteboard-style explainer videos
  • Step-by-step tutorial diagrams
  • Hand-drawn-look presentations and lesson visuals
  • Simple flow diagrams and concept sketches

Supported formats

Import
JTProject
Export
PNGJPGSVGPDFVideo (WebM/MP4)JTProject

How it works

  1. 1

    Draw or place shapes, text and built-in elements on the board

  2. 2

    Arrange the reveal order (creation, layer or manual) across scenes

  3. 3

    Preview the draw / auto-draw / write-on animation

  4. 4

    Export as an image, SVG, PDF or a video with the animation included

Local-first & portable

Whiteboard Studio runs and renders in your browser. Save as a portable .jtproject file to move a board between computers while keeping every stroke and scene editable.

Whiteboard Studio FAQ

Whiteboard Studio is JTDesigner's browser-based drawing and explainer tool — pen, shapes and text on a whiteboard canvas, with a real draw-reveal animation and export to image, SVG, PDF or video.

Ready to try Whiteboard Studio?

Start creating for free — no credit card required.