How to add a manual highlight to a documentation step

Draw a highlight rectangle on a step's screenshot to visually emphasize a specific area of the UI.

Last verified yesterday

Generated documentation steps don't always highlight the most relevant part of the screenshot automatically. When that happens, you can draw a highlight rectangle yourself to direct the reader's attention to the right spot.

Open your documentation and locate the step screenshot you want to highlight.
Step screenshot
Click the Add highlight button on the overlay editor. The button text changes to Click and drag on image and the cursor becomes a crosshair, indicating you're in creation mode.
Step screenshot
Click and drag on the screenshot to draw your highlight rectangle. When you release, the highlight overlay appears on the image and creation mode exits automatically. The button reverts to Add highlight, confirming the overlay was saved.
Step screenshot

Prerequisites

  • You have a generated documentation draft with at least one step screenshot.