Solved

How to make the responsive components stretching along with the grid layout?

11 replies
2669 views

“Hi everyone! 👋 I’ve recently learned how to use auto layout to create responsive components and grid/constraint layouts to make a page responsive. I tried to combine these techniques to create a responsive page, but it didn’t seem to work. My responsive components didn’t respond and stretch along with the layout. Can anyone tell me if it’s possible and how to achieve it?”

Thanks a lot!

Ask the community

This topic has been closed for replies.

djvSolution

Community Support

Thanks for sharing the link to your file!

It looks like you need to apply Auto Layout or Scale constraints to Frames 15 & 16. Then, nest the slides into a new frame inside of Frame 16 and apply Auto Layout there. And by “responsive” components you can then wrap or stretch your components, as needed.

If you need more specific guidance, please reach out to the support team directly via this form for help: https://help.figma.com/hc/en-us/requests/new

Be sure to use your Figma account email, include a link to the file, and share it with support-share@figma.com, so our team can help from there.

Show previous replies

Sha_Huan_Sun

Thank you Michael 🙂

Sign up

Login with SSO

Login to the community

Login with SSO