Maintenance script: LightweightWhiteboard wiki

2026-10-20T21:29:59Z

LightweightWhiteboard wiki

New page

{{DISPLAYTITLE:Lightweight Whiteboard Wiki}}
<div class="ma-columns">
<div class="ma-col-wide">
{{MA Box start|title=Lightweight Whiteboard}}
<div class="ma-intro"><div class="ma-intro-icon">[[File:LightweightWhiteboard_Icon.png|112px|link=|alt=Lightweight Whiteboard]]</div><div class="ma-intro-text">
'''Lightweight Whiteboard''' is a Visual Studio Code extension that opens a simple drawing board inside the editor. You can sketch with a pen, draw lines, arrows and shapes, fill areas with a paint bucket and drop images onto the board.

Each board is a <code>*.whiteboard</code> file that contains a normal PNG image, so it can live in your project like any other file. Saving, undo, redo and revert work like in any other VS Code editor. Existing PNG files can be opened in the board as well.
</div></div>
{{MA Box end}}
</div>
<div class="ma-col">
{{MA Box start|title=Latest version}}

{| class="ma-facts"
! Extension
| 1.1.0
|-
! VS Code
| 1.90 or newer
|-
! Requires
| No other extensions
|-
! Download
| [https://marketplace.visualstudio.com/items?itemName=MutigerAffe.vsc-whiteboard VS Code Marketplace]
|}
The information in this wiki is taken from version 1.1.0.
{{MA Box end}}
</div>
</div>
{{MA Box start|title=Quick start}}

# Install the extension from the Marketplace. See [[LightweightWhiteboard:Installation|Installation]].
# Open the Command Palette (<code>Ctrl+Shift+P</code>) and run <code>Whiteboard: New Whiteboard</code>. A blank board opens.
# Draw with the pen (<code>P</code>), pick a color from the color bar and try the shapes. See [[LightweightWhiteboard:Drawing Tools|Drawing Tools]].
# Press <code>Ctrl+S</code> and choose a name. The board is saved as a <code>.whiteboard</code> file. See [[LightweightWhiteboard:Files and Saving|Files and Saving]].
{{MA Box end}}
{{MA Box start|title=Screenshot}}
[[File:LightweightWhiteboard_Screenshot_01.png|800px|center|A new board with the toolbar, the color bar and the status bar]]
{{MA Box end}}
<div class="ma-columns">
<div class="ma-col">
{{MA Box start|title=Getting started}}
<div class="ma-tiles">
{{MA Tile|image=LightweightWhiteboard_Icon.png|link=LightweightWhiteboard:Installation|label=Installation}}
{{MA Tile|image=LightweightWhiteboard_Icon.png|link=LightweightWhiteboard:Getting Started|label=Getting Started}}
</div>
{{MA Box end}}
</div>
<div class="ma-col">
{{MA Box start|title=Features}}
<div class="ma-tiles">
{{MA Tile|image=LightweightWhiteboard_Icon.png|link=LightweightWhiteboard:Drawing Tools|label=Drawing Tools}}
{{MA Tile|image=LightweightWhiteboard_Icon.png|link=LightweightWhiteboard:Colors|label=Colors}}
{{MA Tile|image=LightweightWhiteboard_Icon.png|link=LightweightWhiteboard:Images|label=Images}}
{{MA Tile|image=LightweightWhiteboard_Icon.png|link=LightweightWhiteboard:Zoom and Pan|label=Zoom and Pan}}
{{MA Tile|image=LightweightWhiteboard_Icon.png|link=LightweightWhiteboard:Files and Saving|label=Files and Saving}}
</div>
{{MA Box end}}
</div>
</div>
{{MA Box start|title=Reference}}
<div class="ma-tiles">
{{MA Tile|image=LightweightWhiteboard_Icon.png|link=LightweightWhiteboard:Commands and Settings|label=Commands and Settings}}
{{MA Tile|image=LightweightWhiteboard_Icon.png|link=LightweightWhiteboard:FAQ and Troubleshooting|label=FAQ and Troubleshooting}}
{{MA Tile|image=LightweightWhiteboard_Icon.png|link=LightweightWhiteboard:Version History|label=Version History}}
</div>
{{MA Box end}}
__NOTOC__
{{LightweightWhiteboard Nav}}

LightweightWhiteboard:Main Page - Revision history

Maintenance script: LightweightWhiteboard wiki