Line numbers don’t land
Everyone’s scrolled to a different place, fonts differ, and “line 42” means something else after the next edit.
For developers and product teams
Code reviews and demos over a call turn into “line 42, no, the other file”. With LivePen you highlight the line, circle the variable and draw how the data moves, right over your editor, terminal or browser.
Free for 14 days · then from $12/yr
Works with
The problem
Everyone’s scrolled to a different place, fonts differ, and “line 42” means something else after the next edit.
How a request travels from the button to the database is easier to draw than to say.
In a product demo, the audience should look where the change is, not hunt for it.
How LivePen helps
See-through, so the code underneath stays readable.
Put a ring around the exact token that’s wrong.
Freehand arrows from the button to the handler to the query: the architecture in ten seconds.
Stamps for bugs, warnings, databases, clouds and more, from 1,848 Lucide icons.
Set up in a minute
Your editor, terminal or the app you’re demoing.
Highlight, circle and draw. ⌘Z undoes while you draw, then goes back to your editor.
Clicks and keys go back to your editor straight away.
Tips
While drawing, ⌘Z belongs to LivePen; the moment you stop, it’s your editor’s undo again.
Pick the Software icon set in Preferences so bugs, databases and servers are first in the picker.
Use the dashed line style for “this is where it should go” and solid for “this is what happens now”.
Questions
No. LivePen only claims ⌘Z while you’re drawing. As soon as you stop, ⌘Z goes back to your editor.
Yes. LivePen draws over any app on your main display, including full-screen editors and terminals.
Yes. Draw over Figma, a browser or a screenshot the same way.
Also used for
Free for 14 days, everything on. No card, no account.