Figma Autolayout improves responsiveness and it is super easy to use. To ensure you have a perfect pages with autolayout follow these two simple steps:
- Add autolayout to the frame of your page:
- Select the frame of your page
- Click on the autolayout icon as shown in the image below.
- Add autolayout to the sections of the page you want. This can be done in groups, frames, etc.
- Select the group/frame/section you want to add the autolayout to
- Click on the autolayout icon as shown in the image below.
That’s all !
With Autolayout enabled for your page and sections, you can define how they will behave sizes different to the ones they have in the original design.
We recommend you to explore the autolayout options in the official Figma documentation, or ask any questions in our Live Chat by clicking the button below. We will be happy to help you getting your Figma design as WordPress theme in no time!