Skip to content
LivePen
Download

For developers and product teams

Circle the bug. Skip the line numbers.

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.

Download for Mac

Free for 14 days · then from $12/yr

Works with

  • VS Code
  • Xcode
  • JetBrains IDEs
  • Terminal
  • Browsers
  • Figma
checkout.ts · code review ● Sharing screen
1const cart = await loadCart(id) 2const total = cart.items.reduce( 3 (sum, i) => sum + i.price, 0) 4 5if (total > 100) { 6 applyDiscount(cart) 7} 8return checkout(total)

The problem

Why it’s harder than it should be.

01

Line numbers don’t land

Everyone’s scrolled to a different place, fonts differ, and “line 42” means something else after the next edit.

02

Flows are hard to describe

How a request travels from the button to the database is easier to draw than to say.

03

Demos need focus

In a product demo, the audience should look where the change is, not hunt for it.

How LivePen helps

The tools you’ll reach for.

Highlight a line of code

See-through, so the code underneath stays readable.

Circle the bug

Put a ring around the exact token that’s wrong.

Draw the flow

Freehand arrows from the button to the handler to the query: the architecture in ten seconds.

Software icon set

Stamps for bugs, warnings, databases, clouds and more, from 1,848 Lucide icons.

Set up in a minute

Three steps.

  1. 1

    Share your screen

    Your editor, terminal or the app you’re demoing.

  2. 2

    Press ⌥⇧D

    Highlight, circle and draw. ⌘Z undoes while you draw, then goes back to your editor.

  3. 3

    Press ⌥⇧D to type again

    Clicks and keys go back to your editor straight away.

Tips

From experience.

  • !

    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

Software demos, answered.

Will ⌘Z undo my code by accident? +

No. LivePen only claims ⌘Z while you’re drawing. As soon as you stop, ⌘Z goes back to your editor.

Does it work over a full-screen IDE? +

Yes. LivePen draws over any app on your main display, including full-screen editors and terminals.

Can I use it for design reviews too? +

Yes. Draw over Figma, a browser or a screenshot the same way.

Also used for

Try it on your next demo.

Free for 14 days, everything on. No card, no account.