Integrations

Figma and Trupeer

Add product walkthroughs and demos directly into your design files.

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

Get Started With Trupeer

Start creating videos with our AI Video + Doc generator

Get Started With Trupeer

Start creating videos with our AI Video + Doc generator

Start Your Free Trial

Instant AI Product Videos & Docs from Rough Screen Recordings

Get started for free

Get started for free

Experience the new & faster way of creating product videos.

Instant AI Product Videos and Docs from Rough Screen Recordings.

Get started for free

Get started for free

Experience the new & faster way of creating product videos.

Instant AI Product Videos and Docs from Rough Screen Recordings.

Get started for free

Get started for free

Experience the new & faster way of creating product videos.

Instant AI Product Videos and Docs from Rough Screen Recordings.

Get started for free

Get started for free