Lightweight Whiteboard brings a simple whiteboard into VS Code. Open a board next to your code and sketch an idea, plan a feature or mark up a screenshot without switching to another program. You can draw freehand or with shapes, fill areas with the paint bucket, define your own colors and drag images straight onto the board. Each board is stored as a normal PNG file, so it lives in your project like any other file.
Features
Pen and eraser with adjustable size
Shapes: line, arrow, rectangle, ellipse and triangle, as outline or filled (hold Shift for squares, circles and 45° angles)
Fill bucket with adjustable tolerance
Color palette, color picker tool and "My colors": define colors via RGB or hex and keep them for all boards
Images via drag and drop, Ctrl+V or file dialog, movable and resizable until placed (hold Shift when dropping from the Explorer or desktop)
Undo/redo, save, revert and hot exit work like in any other VS Code editor
Zoom and pan with Ctrl + mouse wheel, the middle mouse button or Space + drag
Boards are .whiteboard files containing a PNG; existing PNG images can be edited as well
Commands
Command
Description
Whiteboard: New Whiteboard
Opens a new, unsaved whiteboard.
View: Reopen Editor With… › Whiteboard (edit PNG)
Draws on the PNG image that is currently open.
Inside the board:
Key
Action
P / E
Pen / eraser
L / A / R / O / T
Line / arrow / rectangle / ellipse / triangle
F / I
Fill bucket / pick color
[ / ]
Smaller / larger size
Enter / Esc
Place / discard an inserted image
Ctrl+Z / Ctrl+Y
Undo / redo
License
Proprietary, all rights reserved. See the LICENSE file for the terms of use. Third-party components and their
licenses are listed in THIRD_PARTY_NOTICES.md.
