<aside> 💡 Constraints: It allows you to fix elements of your design to different sides of their parent frame. If you set your constraints correctly, your design will scale to fit any screen size.

</aside>

1. Video Tutorial by Figma

Apply Constraints to define how layers resize

Apply Constraints to define how layers resize

Figma team collected five ways constraints can make your life a lot easier, ranging from beginner level to intermediate.

Tips for using Constraints in your workflow

2. Examples by Sizze

Do: Use horizontal constraints on the right and left to make the content stretch to the full width of the screen

Don’t: Include on one side only

Do: Use a vertical bottom constraint for bottom elements

Don’t: Include on one side only

Do: Use the top vertical constraint for nav bars

Don’t: Include on one side only

Example in Figma

🔥Examples Sizze