Skip to main content
The guide editor turns your screen recording into a scrollable, documentation-style guide. Each step shows a screenshot with a numbered annotation, a title, and a description. Viewers can read through the guide at their own pace or export it as a PDF.

​
Editor layout

Steps panel

Lists every step in your guide on the left side. Click a step to select it. Drag steps to reorder them.

Preview area

Shows the full guide as your viewers will see it, with all steps rendered top-to-bottom on the right.

​
Adding and editing step descriptions

Each step has a title and a description. Both are editable directly in the preview area.
1

Select a step

Click the step in the steps panel or scroll to it in the preview area.
2

Edit the title

Click the step title text in the preview and type your changes.
3

Edit the description

Click the description text below the title and type your step instructions. The description field supports plain text.

​
Reordering steps

Drag a step in the steps panel to a new position. The preview area updates immediately to reflect the new order. You can also navigate between steps using keyboard shortcuts when the focus is on the steps panel:
KeyAction
↑Move focus to the previous step
↓Move focus to the next step
Arrow key navigation only works when the cursor is not inside a text field.

​
Image editing

Each step’s screenshot can be cropped and zoomed using the built-in image editor.
1

Open the image editor

Click the screenshot thumbnail for the step you want to edit. The image editor opens in a modal.
2

Crop the image

Use the crop tool to trim unnecessary areas from the screenshot. Drag the crop handles to adjust the selection.
3

Zoom in

Use the zoom control to enlarge a specific part of the screenshot so viewers can see fine details.
4

Apply changes

Click Apply to save your edits. The updated image appears in the step preview.

​
Exporting to PDF

You can export your guide as a PDF to share offline or embed in documentation.
1

Open export options

Click the Export button in the guide editor toolbar.
2

Select PDF export

Choose Export PDF from the dropdown menu.
3

Download the file

Layerpath generates the PDF and downloads it to your device. Each step appears on its own page with its title, description, and screenshot.
The exported PDF uses your workspace Brandkit logo on the cover page. If no logo is set, the cover page shows your demo’s title and description only.
Steps that contain video clips cannot be played inside the PDF. The PDF includes a thumbnail and a link to view the source video.

​
Related

  • Tour Editor — build click-through interactive tours
  • Brandkit — customize the logo and fonts that appear in the exported PDF