Recording Screenshot Demos

The fastest way to create interactive demos

• Screenshot demo overview

• How to capture screenshot demos

• Advance recording setting

🖼️ Screenshot demo overview

With screenshot demos, Storylane captures images (screenshots) with each click along your recording flow. Screenshot demos are perfect to build quick, guided demos that do not require on-screen edits.

• Build faster demos - Screenshot demos are typically much quicker to capture, create, and load

• Multi-media support - Screenshot demos support images, videos, and GIFs for more flexibility

• Zoom and blur - Screenshot demos support zoom and blur to focus attention and anonymize PII

• Multi-window support - With screenshot demos, capture screens across different tabs and windows

📸 How to capture screenshot demos (Now with AI!)

1. Open the product screen you want to capture

2. Launch Storylane's Chrome extension

3. Select Screenshot demo

4. Toggle "Add content with AI" to auto-generate guides

5. Select “Record new demo” or “Add to existing demo”

6. Click through your product screens, each step is auto-captured

7. Select Finish recording once you've capture your screens

8. Your full flow opens in preview mode, ready for editing!

Need a little help with storytelling? Let Storylane's AI help. Toggle "Add content with AI", select an AI tone, and click around to capture your product. We'll automatically generate contextual guides based on your clicks!

⚙️ Advance recording settings

A few useful tips to level-up your demo recording game:

1. AI Tones: Pick a tone based on your use case to generate contextual guides based on your clicks.

2. Auto zoom: Select the gear icon and toggle "Auto zoom" to automatically focus your viewers' attention on key areas of your product screen (this can always be added manually in the editor too)

3. Video movements: Trying to capture your product in motion? Toggle "Record video movements" to automatically record clips of product moment (you can alway add your own video clips in post too)

4. Video screens: Add external videos (mov, .mp4 files, etc.) to your screenshot demos. To add videos to a new demo, select "Create demo" in the Storylane dashboard and upload video files of your choice. For existing demos, head to the Storylane editor > select "Add step" > Select the "Video" tab > and upload video files of your choice. You may also trim, speed up, and mute/unmute the video in the editor.

If you need help or have any questions, feel free to contact us at [email protected].