What is Auto-Layout?
Making intelligent components is easy using Auto-Layout. What I mean by “smart components” is when one or more components are designed in such a way that they can change in response to the information contained inside them or may perform tasks that regular components are unable to.
What are Parent and Child Components?
To create an Auto-Layout you need one or more Parent and Child components and you need to know how both of them work to learn the basics of Auto Layout designing in Figma. and the basics things to know about them are:
- The Parent component is the component that includes Child components.
- You can create a parent component using Shift+A which is basically a shortcut to create Auto-Layout that will create a parent component behind the selected items.
- Parent components can include multiple Child components but not the other way around.