# Quick Start Guide

1. [Record your demo](#record-your-demo)
2. [Edit your demo](#edit-your-demo)
3. [Share your demo](#share-your-demo)

***

### 👉 Record your demo

Storylane supports a number of ways to record product screens:

**1.** **Chrome extension (**<mark style="color:$success;">**Recommended**</mark>**)**

[Install Storylane's Chrome extension](https://chromewebstore.google.com/detail/storylane/ongmhighpnfpojfidgigcjflgdkjfdeb?pli=1) to record [Screenshot](https://docs.storylane.io/recording-demos/recording-screenshot-demos) (static) and [HTML/CSS](https://docs.storylane.io/recording-demos/recording-html-demos) (responsive) demos. If you're planning to create a Guided Demo, select an AI tone to generate contextual guide content.

<figure><img src="https://2431356420-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN8hWd9k2Pbb6YSWO4pUQ%2Fuploads%2FhOki6DsAXFoNyh21pTYB%2FA.gif?alt=media&#x26;token=4ab5a24d-dd00-401a-88ad-291b3729cdbc" alt=""><figcaption></figcaption></figure>

**2. Alternate recording options**&#x20;

A few more options to record screens with Storylane:

* **Figma plugin:** [Download our Figma plugin](https://www.figma.com/community/plugin/1507703501417492521/storylane-turn-figma-into-ai-interactive-demos) to turn your Figma frames into interactive demos
* **Mac app:** [Download our Mac desktop app](https://www.storylane.io/desktop-app) to capture multi-window, non-web screens
* **Manual**: If you have existing screenshots and videos, drag and upload directly to Storylane
* **Video to demo (Coming soon):** Convert existing product videos into interactive demos!

***

### 👉 **Edit your demo**

Once you've finished recording your product screens, head over to Storylane to edit on-screen content, blur sensitive data, add guides, zooms, forms, triggers, tokens, videos, voiceovers, chapters, and more. Need help perfecting your demos? Just prompt our AI editor to make the changes you're looking for.

<figure><img src="https://2431356420-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN8hWd9k2Pbb6YSWO4pUQ%2Fuploads%2FvP6BVCOqvdpHM6ajxRVE%2FB.gif?alt=media&#x26;token=69bbb07c-fa1b-449c-8df2-fd3fde16725e" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
There's a lot you can do with Storylane's editor, especially with HTML/CSS demos. [Check it out here](https://docs.storylane.io/editing-demos/editing-html-screens)
{% endhint %}

***

### 👉 **Share your demo**

Once your demo is ready, share it with the world. Embed on your website, attach in email campaigns,  share Buyer Hubs, download demos for offline use, and more. Meanwhile, we're tracking everything: account engagement, demo metrics, and intent signals — pushed straight to your CRM and GTM stack.&#x20;

<figure><img src="https://2431356420-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN8hWd9k2Pbb6YSWO4pUQ%2Fuploads%2FFqlSgDmr4eUzOWFIeMn5%2FScreenshot%202026-02-16%20at%2012.54.54%E2%80%AFPM.png?alt=media&#x26;token=2049532b-7d26-4871-b3c2-5653de976837" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
If you need help or have any questions, feel free to contact us at <support@storylane.io>.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.storylane.io/quick-start-guide.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.