Record your first demo
Pick the size, start, browse normally, finish. What becomes a step and what becomes movement.
Record the path you already know by heart. The extension asks for no script and no markup: it watches what you do and turns it into steps.
- Open your product tabAlready signed in, on the screen where the story starts. The extension shows the tab address under "Scene", so you can check it is the right one.
- Choose the screen sizeThe selector offers presets, and the preview beside it shows the ratio. Picking Phone makes the frame portrait. The window is resized so the recorded page comes out at exactly that size.
- Click Start recordingThe window adjusts and the extension starts following the page.
- Use the site normallyClick, scroll, fill in, change pages. No special gestures.
- Click FinishThe demo is created and the editor opens in a new tab.
FouviaRecording…
7 steps captured
Use the site normally. Every click becomes a step with a hotspot.
Discard recordingWhat becomes what
| Click | Becomes a new step, with a hotspot on the element you clicked. |
|---|---|
| Scroll | Becomes animation inside the step, without creating a new one. |
| Page change | Becomes a new step, with the new page copied in full. |
| Typing | Shows up on the next step, with the field already filled. |
Pause, resume and discard
Pause freezes capture without losing what is done: useful for opening your email, copying a value, or passing through a screen nobody should see. Discard recording throws everything away and takes you back to the start.
The upload
On finish, the editor opens right away showing "Preparing your demo…" while the captures finish uploading. A few minutes is normal for a long demo. The page refreshes itself when it is done.