Recording - Overview
The first step in making a Storylane Interactive Demo is Recording.
Last updated
The first step in making a Storylane Interactive Demo is Recording.
Last updated
There are multiple options to record your demo:
First things first, make sure to install the Storylane Chrome Extension. Creating demos using our extension is super simple and easy - it takes 10 mins to get your first demo going.
Storylane gives you two choices for recording your demo, the Screen Capture (Screenshot Demo) and the HTML Capture (HTML Demo).
The Screenshot Demo: With each click in your workflow, the Storylane extension takes a screenshot of it.
The HTML Demo: Storylane records the HTML and CSS of your screen, allowing you to customize and personalize it thoroughly for your viewers.
Pro tip: Use keyboard shortcut to capture screens faster: "option ⌥ + s"
You bet! While the Chrome extension is a convenient tool for creating Storylane demos, you have the flexibility to manually create a demo without it.
This can be done by uploading your images or videos. Additionally, this approach allows you to incorporate other media into your demos during editing.
Particularly useful in scenarios where you might not have direct access to the product you want to demonstrate, or if you're working with designs in Figma and want to showcase specific screens, you can manually upload these screens to Storylane.
Figma tip: We recommend using Figma's prototype mode and recording it directly via the Storylane extension for a smoother workflow.
With the Storylane Desktop App for Mac, you’re no longer limited to browser-based recording. Now, you can capture any screen, any app, any workflow—perfect for multi-app navigation, product walkthroughs, and high-quality demos.
Download & Install – Grab the Storylane Desktop App for Mac.
Start Recording – Launch the app and begin capturing your screen.
Showcase Your Demo – Share your recording instantly with your audience.
Ready to see it in action? Try this interactive demo below! 👇
Ensure that every image and video added to your demo share identical dimensions for optimal appearance.
