DocsGetting StartedInterface Overview

Interface Overview

Tour the ScreenSnap Pro editor and learn where to style, annotate, and export each capture.

Editor Layout

This is the main editing workspace you see after opening a capture. The screenshot preview sits in the center on top of a styled background, the floating toolbar above it holds your annotation tools, and the inspector on the right controls the final presentation.

ScreenSnap Pro editor showing a screenshot canvas, annotation toolbar, and styling controls.
The editor is organized into three working areas: canvas in the center, tools on top, and styling controls on the right.

Left Sidebar

Use the left rail to switch between major areas of the app. In this view, Editor is selected for capture cleanup and annotation, while Cloud gives you quick access to ScreenSnap Pro sharing features.

Top Toolbar

The floating toolbar is where most markup work happens. From here you can move around the canvas, pick tools like arrow, text, and pen, change color, adjust stroke thickness, and undo or redo edits without leaving the current screen.

Right Styling Panel

The inspector on the right is focused on layout and polish. You can tune padding, roundness, shadow, intensity, inset, aspect ratio, and the background style, then finish with the Copy or Save actions in the top-right corner.

A fast workflow is to choose the background first, adjust spacing and shadow second, and only then add arrows, text, or highlights from the toolbar.

More in Getting Started