Video Tutorial: Record your Figma prototype to a video file

This video walks through how to record your Figma prototype interactions to a video file using the Crypto plugin.

Recording your interactive Figma prototype to a video file

You can record yourself interacting with the prototype in the Crypto web app by clicking 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.

Video will be auto downloaded if the tab is closed. Just in case you accidentally close the tab while the screen is being recorded, the Crypto web app will automatically stop the recording and download the video file, recorded up until the time that the tab was closed.

Toggling fullscreen mode for your prototype. If you would prefer to view your prototype in full screen mode (instead of the windowed browser), you can press on the F button on your keyboard. You can exit fullscreen mode at any time by pressing the esc button on your keyboard.

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 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.

Video will be auto downloaded if the tab is closed. Just in case you accidentally close the tab while the screen is being recorded, the Crypto web app will automatically stop the recording and download the video file, recorded up until the time that the tab was closed.

Toggling fullscreen mode for your designs. If you would prefer to view your designs in full screen mode (instead of the windowed browser), you can click on the fullscreen icon button in the Crypto web app toolbar. You can exit fullscreen mode at any time by pressing the esc button on your keyboard, or clicking the fullscreen icon button again.

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.