Free drawing lets you annotate webpages visually with arrows, circles, rectangles, and freehand strokes. It is ideal for design reviews, bug reports, and visual feedback. Drawings are stored locally in your browser and can be exported as screenshots.
Key Benefits
- Multiple drawing tools (arrows, circles, freehand)
- Color and thickness customization
- Non-destructive annotations
- Screenshot with drawings included
- 100% private - stored only in your browser
Use Cases
- Design review and critique
- Bug reporting with visual context
- UI/UX feedback
- Teaching and presentations
- Visual brainstorming
Updated
Three drawing tools
Highlite has a freehand pen, an arrow tool and a shape tool. The pen follows your cursor for circling, underlining or scribbling. The arrow tool draws a straight arrow from where you press to where you release, which is the fastest way to point at an element. The shape tool draws rectangles and ellipses with a colored outline and no fill; hold Shift to constrain it to a square or a circle.
Color, thickness and editing
Every stroke uses the active color, from a palette of five, and one of four stroke widths. Drawings sit on a transparent layer over the page: the page underneath keeps working and is not modified. Switch to the Select tool to move a drawing, an arrow or a shape, resize a shape, or change the color and width of what you already drew. Undo and redo cover every stroke.
Built for screenshots
Drawings are the part of an annotation a screenshot shows best: a circle around the broken element and an arrow to the console error say more than a paragraph. Capture the viewport or a selected area with the drawings included, then download it as PNG or copy it to the clipboard.
What free drawing does not do
- Drawings are placed relative to the page as it was laid out when you drew them. On a page that renders differently on the next visit (a different window width, a layout change, dynamic content), a drawing can end up next to the wrong element.
- Shapes are limited to rectangles and ellipses; there are no lines without arrowheads, polygons, callouts or a fill color.
- Shapes cannot be rotated. Freehand strokes and arrows can be moved but not resized.
- Drawings are stored in your browser only and are not synced or shared until you capture a screenshot or export them as JSON (Premium).
- Drawing is not available on browser-internal pages (chrome://, about:) or on the Chrome Web Store.
Explore Other Features
Color palette
Organize information visually with five highlight colors. Yellow for key points, green for definitions, pink for questions — build your own color system.
Sharing & export
Copy annotated screenshots to your clipboard or export them, then share with your team. Nothing leaves your browser until you decide.
Text annotations
Place a text box anywhere on a page and type your comment next to the element it is about. Five colors, four sizes, stored only in your browser.
Guides from the blog
How to Draw Arrows on a Website to Point at Anything
Words like "top right" and "the one below the banner" are the slowest part of any review. An arrow says it once, and nobody has to interpret it.
GoFullPage vs Highlite: Capture the Page or Explain It?
GoFullPage is excellent at one job: capturing an entire page. But a screenshot is where feedback starts, not where it ends. Here's where each tool fits.
How to Draw and Highlight on Any Web Page
Sometimes you just want to scribble on a web page — circle a thing, highlight a line, draw an arrow. Here's how to draw and highlight on any page, free.