Auto-Layout has padding (inner spacing), but no margins (outer spacing).
Currently the only 2 ways to add spacing is to:
Create a spacer element or
Wrap the items in another frame and apply gap spacing
This creates a lot of unnecessary frames, and sometimes creates nesting so deep it goes outside the layers panel.
Not sure if a technical limitation left this out of consideration in the first few versions of Auto Layout, but it would be much appreciated if it were included in a future version as it comes up as a significant limitation many times a day.
Page 2 / 2
Yes we need margins please! For handoff, for rebuilding existing components, for our sanity!
Just bringing this back… because we would love this!
the only workarounds are:
Adding spacer elements (which clutters the layout).
Wrapping elements in extra frames to apply gap spacing (which creates unnecessary nesting).
:/
+1, that would be really usefull !
As a “dev-forward” PM trying to put together mockups in a way that simplifies assumptions for my developers, would really love this. I try to set things up with the end-CSS in mind and it can get very clunky to hand endless div elements then ask them to work backwards to what actually makes sense for our site configs.
I keep checking this forum for an update, as I can’t believe that margins are not available yet!! Please add them FIGMA!
It’s been months and still no updates? This feature would be useful
We need margins, pleaseeee!
what is this stupid software that does not have margins?????
Penpot (an open source alternative to Figma) already provides the margin property and Figma still doesn’t… Really disappointing!
Even if I’m not a regular margin user, I wonder why such a feature does not exist on Figma. this would be better to fit reality.
Even padding are related to gap when we create variables which has no sense in my opinion.
This could lead to mistakes when you select variable for paddings or margins as you can only put them in “Gap (Auto layout)” + non-clear css in dev mode.
In my exemple, the values in my auto layout paddings comes from : - Gaps variables group for the 16. - Margins variables group for the 32.
I should have been able to select only values related to the Paddings group I made.
This might lead to real issues and I really wonder why it hadn’t be fixed for more tha three years.
Please, Figma team, I think you should take this issue seriously.
