Iframe

iframe HTML tag

Overview

Iframes are used to embed a complete web page inside your current site, these have all types of implications as security handling and design limitations.

Use this component to add external embedded elements such as YouTube videos or a Google Form to your app.

Setup

1. Select the layer or element you want to render as an iframe in Figma

2. In the plugin navigate to the Component section

3. Set the type to Iframe

4. Optionally set the attributes of the component

5. Compile and publish your project

src parameter

Pass the URL of the resource or webpage that you want to embed in your site, this is the pure link without any other information or tag.

Usage

Select this component to render an iframe element in your HTML DOM.

Rendered Element

<iframe/>