How to Present Code Live Without Losing Your Audience

Live coding works when your audience always knows where to look and what changed. The goal is not to type fast. It is to keep focus tight, reduce cognitive load, and make every step visible.

Presentify helps you do that on macOS by letting you annotate the screen, highlight your cursor, and spotlight or zoom into details. Use these tactics to keep your code demos crisp and easy to follow.

Start with a clear narrative

Before you open your editor, share a short story of what you will build:

• The user problem
• The feature outcome
• The three steps you will implement

If your audience knows the destination, they can follow the path.

Make the cursor impossible to miss

The cursor is the only pointer your audience has during a code demo. Turn on cursor highlighting so everyone can track your focus.

• Toggle Highlight Cursor with ⌃ + S
• Choose a high-contrast color that stands out in your theme
• Enable click animations so viewers see every action

Spotlight the exact area you are editing

Code editors are dense. Dim everything except the area you are discussing.

• Toggle Spotlight with ⌃ + L
• Resize the spotlight for the block you are about to explain
• Use it to reveal a key diff or function signature

Zoom in on tiny details

Small fonts, lint messages, or subtle diffs are easy to miss. Zoom helps.

• Turn on Zoom when you review a detail, then turn it off
• Pair Zoom with Spotlight to avoid visual clutter

If Zoom does not work, make sure macOS Screen Recording permission is enabled for Presentify.

Annotate to explain structure, not syntax

Use quick shapes to explain architecture and flow:

• Circle an entry point function
• Draw arrows between modules
• Label a step in a workflow

Toggle Annotate with ⌃ + A, then keep drawings clean by enabling auto-erase or clearing with ⌫.

Use the whiteboard for conceptual pivots

Sometimes code is the wrong medium. Switch to the whiteboard to explain an idea, then return to the editor.

• Press W to open the whiteboard while in Annotate mode
• Sketch data flow, system boundaries, or a request lifecycle

Share the entire screen

When screen sharing, Presentify works best if you share your entire display instead of a single window. This avoids clipping issues and ensures cursor tools show consistently.

Keep your shortcuts close

The best live coding sessions are low-friction. Memorize a few critical shortcuts:

• ⌃ + A to annotate
• ⌃ + S to highlight cursor
• ⌃ + L to spotlight

If you want the full list, see the Presentify Keyboard Shortcuts post.

Wrap with a quick recap

End by summarizing what changed and where:

• File(s) modified
• New behavior
• Next steps

Use a final spotlight or annotation to reinforce the outcome.

When you keep focus tight and add the right visual cues, live coding becomes a story people can follow, not just a wall of code.