Draw, trace and export without leaving your browser
A drawing board with pressure-aware ink, real vector export and a tracer that turns any picture into strokes you can edit. Everything runs in your browser.
How it works
Start on the paper you want
Dot grid, squares, lines or plain, on a dark, light or transparent board of any size.
Drop a picture — or skip this
Drag, paste or receive an image from another tool. Nothing runs until you ask for it.
Trace it into strokes
Contours become ordinary pencil strokes you can move, recolour and undo one by one.
Draw and correct by hand
Pressure-aware brush, Alt to erase, Shift to constrain, zoom straight at the cursor.
Export or keep going
PNG up to 4×, a real vector SVG, or send the board straight to the next tool.
Ink that reacts to your hand
Pen pressure — or stroke speed on a mouse — drives the width of every line, and the browser's coalesced samples keep fast strokes smooth instead of angular.
Vector all the way to the file
The SVG you download is the geometry you drew, erasers included as real masks, so it opens cleanly in Figma or Illustrator.
Turn a photo into strokes
A local contour tracer pulls the shapes out of any picture and hands them back as editable lines, not a flattened bitmap.
Edit objects, not pixels
Select, move, resize, duplicate, restack and recolour anything already on the board, at any point.
Chained with the rest of the suite
Send the board to compress, crop, convert or watermark it without downloading and uploading anything.
Nothing leaves the tab
No account, no upload, no server. Your board is saved in your own browser and restored only if you ask.
A canvas pipeline built for real drawing
Strokes are stored as geometry in a board-sized document, not as screen pixels, so resizing the window never clips your work and the export resolution is a deliberate choice rather than whatever the container happened to measure. Committed artwork lives on a cached layer, so the cost of a stroke does not grow with the number of shapes already on the board, and the paper is painted separately from the ink — which is why the eraser removes ink without punching holes through the grid.
From a photograph to lines you can edit
Sketch a wireframe, annotate a screenshot, explain a formula, or drop in a photograph and let the tracer turn it into line art you can clean up by hand. Because the tracer returns the contours themselves instead of a flattened image, every line stays selectable, movable and recolourable afterwards.
No accounts, no tracking, 100% client-side
Nothing you draw or import is uploaded anywhere: the board, the tracer and the exporters all run inside your browser tab, and the tracer uses a worker thread on your own machine rather than a remote service. Your work is kept in this browser's local storage so a closed tab no longer loses it, and clearing the board removes that copy as well.
Frequently asked questions
QCan I import a picture and draw on top of it?+
Yes. Drag a file onto the board, paste one with Ctrl+V, or send one over from another oLoveTools tool. The picture waits in a staging panel: you choose whether to simply place it or to trace it, and nothing is added to the board until you press a button.
QWhat does 'trace into strokes' actually do?+
It reads the picture's luminance and follows the contours at several levels, then simplifies each contour into an ordinary pencil stroke. The result is editable line art: you can move, recolour, thin out or delete each line, and undo the whole trace in one step. It runs on a worker thread on your own machine, so nothing is uploaded.
QIs the SVG a real vector file?+
Yes. Strokes are exported as filled outline paths, shapes as native rect, ellipse, line and polygon elements, and text as text. Erased areas use an SVG mask, so the holes are genuine holes and stay holes on a transparent background, instead of being painted over with the board colour.
QCan I export a transparent PNG?+
Yes. The export bar lets you pick the board background, transparent, or white, independently of what you see while drawing, and lets you leave the grid out. You can also export at 1×, 2× or 4× the board size, so a 1920 × 1080 board can leave as a 7680 × 4320 image.
QWhat happens if I close the tab?+
The board is autosaved in this browser's local storage a moment after each change. When you come back, DrawSnap tells you a saved board exists and lets you restore it or start blank — it never silently overwrites what you are doing. Clearing the board deletes the saved copy too.
QDoes it work with a graphics tablet or an iPad pencil?+
Yes. DrawSnap listens to pointer events, so a stylus reports real pressure and the stroke thins and thickens with it. With a mouse or a finger the width follows the speed of the gesture instead, which gives a similar hand-drawn feel.
QWhat is the difference between the two erasers?+
The ink eraser removes what it passes over, like a real one, and is exported as a mask. The whole-stroke eraser deletes the entire line you touch, which is faster for cleaning up a trace. Holding Alt, or dragging with the right mouse button, erases temporarily without changing tools.
QWhich image formats can I import?+
JPG, PNG, WebP, AVIF, GIF and SVG, plus the HEIC and HEIF files an iPhone produces, which are converted in the browser before they touch the board.