With adaptive design enabled, a design will proportionally shrink or grow to fit different screens, ensuring the layout remains visually consistent, including text, graphics, images and all other elements:
- Select the page (main frame).
- Navigating to the properties tab under the right panel.
- Scroll down and look for the checkbox of “Adaptive design”.
- Enable Adaptive design.
- That’s it, now your entire design scales uniformly
based on the current page size. It’s perfect for scenarios where you want a consistent visual experience across all devices. - Next step, create breakpoints :), follow the steps here.