DEV Community

Design Xstream
Design Xstream

Posted on

Easy Guide to Figma Constraints: with Real UI Examples

This is an easy-to-understand guide on how constraints work in Figma. Constraints are a common topic in many tools like Figma, Sketch, WebFlow, Framer, etc. The behaviour is also common in most of these tools which help in creating designs that scale.

Constraints #FigmaTutorialSeries

⏱️Timestamps:
0:00 - Intro
0:34 - Understanding the terms
3:18 - Example for Left, Right, Top, Bottom
5:09 - Example for Left & Right, Top & Bottom
6:24 - Example for Scale, Center
6:52 - Advanced Constraints

Top comments (0)