Video Tutorial: Record your Figma prototype to a video file

Recording your interactive Figma prototype to a video file

You can record yourself interacting with the prototype in the Crypto web app by clicking on the Record icon button in the Crypto web app toolbar. This will prompt you to allow the page to access screen sharing and audio. Once you've done this, you'll be able to select the browser tab as the source that you would like to share and record.

To stop the video recording, you can click on the Stop button in your browser.

Stopping the recording will automatically download your .webm video to your computer's default download folder.

Opening and viewing your recorded video file

After the .webm file save been downloaded, you'll be able to upload it to your own website, send it to someone via Slack (or another method) or edit/convert it to another video. The easiest way to open the downloaded video file is to drag the downloaded file into your web browser, and using that to play it back.

Recording your static Figma designs to a video file

You can record yourself viewing the designs in the Crypto web app by clicking on the record icon button in the Crypto web app toolbar. This will prompt you to allow the page to access screen sharing and audio. Once you've done this, you'll be able to select the browser tab as the source that you would like to share and record.

To stop the video recording, you can click on the stop button in your browser or click the record icon button again.

Stopping the recording will automatically download your .webm video to your computer's default download folder.

Opening and viewing your recorded video file

After the .webm file save been downloaded, you'll be able to upload it to your own website, send it to someone via Slack (or another method) or edit/convert it to another video. The easiest way to open the downloaded video file is to drag the downloaded file into your web browser, and using that to play it back.