figma.to.website Docs Embedding HTML

How to embed HTML in a Figma website

Add widgets, maps, booking tools or third-party forms to a figma.to.website page with the plugin’s Embed component and your own HTML.

Last updated

To write or paste a large amount of HTML into your site, use the Embed component. For a single tag, a layer name is enough.

Add the Embed component

  1. In the plugin, open the Components tab and find Embed under Advanced components.

    The plugin’s Components tab: Vimeo and YouTube embeds under Video components, and the Embed component under Advanced components.

  2. Drag and drop the Embed component anywhere on the canvas.

  3. The plugin opens the Embed tab: enter your HTML there.

    The plugin’s Embed tab: a code editor with the embed’s HTML, which can use template values such as the layer name and the page path.

What can I embed?

Anything that runs as HTML on a web page, for example:

  • forms from Typeform, Tally, Mailchimp, Brevo and other form builders (see Forms);
  • video players other than YouTube and Vimeo (see Videos);
  • maps, booking and scheduling tools, social posts, widgets.