{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/32b57af0f06b4ab1a0d1d9a77955483b\" frameborder=\"0\" width=\"1976\" height=\"1482\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1482,"width":1976,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1482,"thumbnail_width":1976,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/32b57af0f06b4ab1a0d1d9a77955483b-dd861e4161ca5d42.gif","duration":558.166,"title":"Creating Engaging Webflow Layouts with Figma Integration 🎨","description":"In this video, I walk you through the process of creating a shape with an image in Figma and then exporting it to Webflow. I explain how to set up a group with an image and a mask, and how to use negative margins for a full-width image layout. I also discuss the importance of adjusting margins and ensuring no overflow hidden to maintain the design integrity. I recommend experimenting with flexbox for better stability and suggest setting a max width for consistency. Please take a look at these adjustments and play around with the layout to see what works best."}