Quick wireframes and annotations in the browser
Sometimes you need a rough sketch, not a Figma file. Draw on an 800 x 450 canvas, adjust pencil size and color, download PNG for Slack or docs.
Background presets include white paper, yellow pad, light gray, and dark slate for contrast checks.
Clear wipes strokes but keeps your brush and background choices.
After you sketch
Compress rough PNG exports with the PNG Compressor before attaching to tickets.
Trace final UI in vector, then export icons via the SVG to PNG Converter.
Sample stroke colors from reference photos using the Color Picker from Image.
Canvas limits
Single layer only. No undo stack beyond clear.
PNG download is flat raster. Import into vector tools if you need paths.
Large brush sizes at canvas edges clip normally to the bitmap bounds.
Frequently Asked Questions (FAQ)
How do I draw on the canvas?
Use mouse drag or touch on the canvas area. Brush size slider sets stroke width 1 to 24 px. Color picker sets stroke color. Background select fills the canvas.
Can I download my sketch?
Yes. Download PNG exports the full canvas bitmap including background. Clear resets to the selected background color without changing brush settings.
Is work saved automatically?
No. Closing the tab loses the sketch unless you download PNG first.
Does touch work on mobile?
Yes. touchstart and touchmove handlers draw on phones and tablets. preventDefault reduces page scroll while drawing.