Icon

Glitter.io - Record, Edit, and Share a Visual Guide on Glitter.io

Learn how to use the desktop application to capture your workflow, annotate screenshots with the built-in editor, and share the finalized document.

By Mary-Jane Marcos

This guide shows how to record, edit, and share a step-by-step how-to guide using the desktop application. You will learn to capture your workflow, use markup tools to annotate screenshots, format your steps, and distribute the finalized document to your audience.

This workflow applies to content creators, technical writers, and support agents who need to generate clear visual documentation efficiently from their computer.

Record a New Guide

1
Open the Desktop App of Glitter.io from your system to get started.
Step #1: Open the Desktop App of Glitter.io from your system to get started.
2
Click Record a New Guide to begin capturing your screen interactions.
Step #2: Click Record a New Guide to begin capturing your screen interactions.
3
If prompted by your system's privacy settings, click Allow to grant the app recording access.
Step #3: If prompted by your system's privacy settings, click Allow to grant the app recording access.

Annotate Guide Screenshots

Once the capture is complete, you will be taken to the editor. Use the annotation toolbar to highlight important information in your screenshots.

4
Select the Rectangle tool to draw boxes around key UI elements.
Step #4: Select the Rectangle tool to draw boxes around key UI elements.
5
Use the Path tool to draw arrows that guide the reader's eye toward specific actions.
Step #5: Use the Path tool to draw arrows that guide the reader's eye toward specific actions.
6
Click the Step marker tool to adjust or add numbered click targets on the image.
Step #6: Click the Step marker tool to adjust or add numbered click targets on the image.
7
Select Note to overlay floating text annotations directly onto the screenshot.
Step #7: Select Note to overlay floating text annotations directly onto the screenshot.

Format Your Guide Content

Beyond images, you can structure the text of your instructions to ensure they are easy to read and understand.

8
Click List in the text toolbar to format grouped instructions or prerequisites as bullet points.
Step #8: Click List in the text toolbar to format grouped instructions or prerequisites as bullet points.
9
Click Table to insert a data table for comparing different settings or options.
Step #9: Click Table to insert a data table for comparing different settings or options.

Finalize and Share

10
Click Done Editing in the top navigation bar to save all your changes to the guide.
Step #10: Click Done Editing in the top navigation bar to save all your changes to the guide.
11
Click the Share button to open the distribution menu.
Step #11: Click the Share button to open the distribution menu.
12
Type a specific name or email address in the recipient field to invite a user to view your guide.
Step #12: Type a specific name or email address in the recipient field to invite a user to view your guide.

FAQ

Q: Can I edit the step titles after recording?

A: Yes, you can click into any text block or step title in the editor to rename it, add context, or fix any typos captured during the recording.

Q: What should I do if I captured a mistake during my recording?

A: You can delete any unnecessary step directly from the editor's sidebar. It will seamlessly renumber the rest of your guide.

Glossary

Term

Definition

Desktop App

The standalone application installed on your computer used to capture screen recordings across different windows and local software.

Annotation Toolbar

The menu in the editor containing visual markup tools (like rectangles, arrows, and text notes) applied over screenshots.

Click Target

The specific visual marker (often a numbered dot) indicating exactly where a user should click in a screenshot.