Documentation Index

For the complete documentation index, see llms.txt. Markdown versions of docs pages are available through the page's alternate Markdown link.

Current page: Embed website iFrames in Figma presentations - This tutorial shows how to use the Pitchdeck Figma plugin to embed website URLs as iFrames in Figma presentations. It also explains how to export the presentation to the Pitchdeck web app, refresh updates, and notes that some sites may block embedding because of cross-origin policy.. Machine-readable page: /pitchdeck/tutorials/embed-website-iframes-in-figma-presentations.md.

Skip to content

Embed website iFrames in Figma presentations

This tutorial shows how to use the Pitchdeck Figma plugin to embed website URLs as iFrames in Figma presentations. It also explains how to export the presentation to the Pitchdeck web app, refresh updates, and notes that some sites may block embedding because of cross-origin policy.

← Back to Pitchdeck Video Tutorials

What this video covers

This tutorial shows how to use the Pitchdeck Figma plugin to embed website URLs as iFrames in Figma presentations. It also explains how to export the presentation to the Pitchdeck web app, refresh updates, and notes that some sites may block embedding because of cross-origin policy.

Things you'll need

  • A Figma file with the Pitchdeck plugin available
  • A website URL that allows iframe embedding

Steps

  1. Open the Figma file, search for Pitchdeck in the Resources icon under the Plugins tab, and save or run the plugin.
  2. Right-click on the canvas, go to Plugins, and launch Pitchdeck from your saved plugins.
  3. Create or select a slide with placeholder layers for the embed area, then open the embeds tab in the plugin.
  4. Copy a website URL, such as a Wikipedia page, and paste it into the placeholder layers to embed it as an iframe.
  5. Use the export button, select the Pitchdeck presentation web URL format, and click Upload Web Presentation or Update Web Presentation.
  6. Open the passwordless presentation URL in the browser and click the slide to view and interact with the embedded website.
  7. Resize the Figma frame if needed, then re-upload and refresh the presentation to update the embed size or full-screen layout.

Useful links