Hi dear Figma community,
Wanted to know if there is a hard rule between using layout and using component.
When should I use one and not the other and why ?
Solved
When layout and when component?
Best answer by djv
Thanks for clarifying, @achraf_azzez!
Auto layout is a property you can add to frames and components that lets you a create design that grow to fill, shrink to fit, or reflow as contents change.
You’ll want to use Auto layout on a frame to accommodate things such as images or longer text strings to maintain alignment as your design continues to evolve.
Again, a component is something like a button or icon that you intend to use over and over again throughout your design.
In summary, auto layout is for alignment and keeping things looking neat inside your frames or components inside a frame. Components should be used as the different elements inside your design, such as your brand icon that you want to appear on every page.
More info about auto layout and components is available here:
Figma Learn - Help Center
This topic has been closed for replies.
Hey @achraf_azzez, thanks for reaching out!
Components are elements you can reuse across your designs. They help to create and manage consistent designs across projects. You can create components from any layers or objects you’ve designed.
By layout, are you referring to layout grids or auto layout?
Hello @dvaliao , thanks for your answer.
In fact I’m looking to better clarify the difference between components and auto layout. Precisely, when should I choose to use auto layout rather than components.
Regards
1 person likes this
Thanks for clarifying, @achraf_azzez!
Auto layout is a property you can add to frames and components that lets you a create design that grow to fill, shrink to fit, or reflow as contents change.
You’ll want to use Auto layout on a frame to accommodate things such as images or longer text strings to maintain alignment as your design continues to evolve.
Again, a component is something like a button or icon that you intend to use over and over again throughout your design.
In summary, auto layout is for alignment and keeping things looking neat inside your frames or components inside a frame. Components should be used as the different elements inside your design, such as your brand icon that you want to appear on every page.
More info about auto layout and components is available here:
Figma Learn - Help CenterEnter your E-mail address. We'll send you an e-mail with instructions to reset your password.