Tutoriels

Figma and Trupeer

Add product walkthroughs and demos directly into your design files.

Figma
Figma
Figma

Embed a Trupeer video in Figma

In Trupeer, open the demo video you want to embed.

  1. Click Share, then select Embed.

  2. Copy the HTML embed code.

  3. Open your project in Figma.

  4. Add an Embed element by typing /embed in the canvas.

  5. Paste the Trupeer embed code into the field.

The video will display directly inside your Figma prototype.

Refer to How do I publish my video? for details on enabling video sharing in Trupeer.

Embed a Trupeer video in Figma

In Trupeer, open the demo video you want to embed.

  1. Click Share, then select Embed.

  2. Copy the HTML embed code.

  3. Open your project in Figma.

  4. Add an Embed element by typing /embed in the canvas.

  5. Paste the Trupeer embed code into the field.

The video will display directly inside your Figma prototype.

Refer to How do I publish my video? for details on enabling video sharing in Trupeer.

Start creating videos with our AI Video + Doc generator

Start creating videos with our AI Video + Doc generator

Start creating videos with our AI Video + Doc generator

Start creating videos with our AI Video + Doc generator

Instant AI Product Videos & Docs from Rough Screen Recordings

Experience the new & faster way of creating product videos.

Instant AI Product Videos and Docs from Rough Screen Recordings.

Experience the new & faster way of creating product videos.

Instant AI Product Videos and Docs from Rough Screen Recordings.

Experience the new & faster way of creating product videos.

Instant AI Product Videos and Docs from Rough Screen Recordings.