Skip to main content
Question

Embedding Figma Prototype into a Webflow Website

  • October 12, 2023
  • 2 replies
  • 2607 views

Hi All,

I am trying to embed a Figma Prototype into a Webflow created website and have it still be responsive at different breakpoints. All the support I have seen online is not addressing the issue for me.

Using the embed code from Figma and changing the iframe settings width and height to be 100%, the prototype still remains it’s fixed dimensions and does not scale with screensize. I have also tried containing it within a div block class and modifying the dimensions/scaling of the div block. Everything I have tried just results in it being cut off and cropped without any scaling to the actual prototype.

Any advice on how to get a an iframe to be responsive in Webflow would be greatly appreciated.

This topic has been closed for replies.

2 replies

ksn
Figmate
  • Community Support
  • 1707 replies
  • October 23, 2023

Hey Isaac – are you using the Webflow plugin? https://www.figma.com/community/plugin/1164923964214525039/figma-to-webflow-html-css-and-website

I don’t know if I’ll be much help for this topic, but wanted to check on that first.


Telenkov
  • 1 reply
  • December 30, 2024

I have the same issue in 2025, almost 😅

Embed code was copied from Figma to Webflow’s embed section. Width and height changed to 100% to keep it responsive.

The result is a shrunk window where is only Figma UI elements visible, the whole prototype is somewhere else.

Looking forward to finding a solution.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings