Capturing - Overview
The first step in making a Storylane Interactive Demo is Capturing.
Last updated
The first step in making a Storylane Interactive Demo is Capturing.
Last updated
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 capturing 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 capturing it directly via the Storylane extension for a smoother workflow.
Ensure that every image and video added to your demo share identical dimensions for optimal appearance.
