How to Ensure Figma Navbar UI Design Adapts to Breakpoints in Webflow

Hi everyone,

I’m working on a navbar UI design that I created in Figma and am trying to implement it in Webflow. I’ve noticed that Webflow’s navbar has an icon (which I’ve attached a picture of) that seems to behave differently from the design I copied over from Figma using the plugin.

Specifically, when I use the Figma plugin to transfer my design to Webflow, the navbar does not automatically adjust to different breakpoints as expected. However, when using Webflow’s built-in components, they respond correctly to various breakpoints.

Can anyone provide guidance on how to make my Figma design adapt to breakpoints automatically in Webflow? Are there any additional steps or settings I need to adjust to achieve this?

Thanks in advance for your help!


Here is my site Read-Only: Webflow - Brily's Dynamite Site