Add Margins To Auto Layout

45 replies
25952 views

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.

Share an idea

A

Anonymous

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

P

Piet

The padding and gap feature of the Auto Layout is super nice already, but wouldn’t it be even nicer if there also was a setting for margins? Some elements/components need some white space and sometimes they need a special/custom margin beside/over/under other components in the Auto Layout.

Al_Avery

New Participant

I completely agree. Currently, if you want margins around an element you need to place it in another container (sorta like DIV-ititis). Having an option for margins in addition to the paddings we have now would make mock-ups closer to real-world HTML/CSS - not to mention less cluttered layer structures.

J

Jan_Niklas_Hellenbrandt1

Oh yes! We need margins! Is this the only thead for margin? Only 6 votes?? for real?!

J

Jan_Niklas_Hellenbrandt1

It could look something like this:

maybe?! Please?!

Olutoye_Aboaba

New Member

Just to reignite… we would so love this

David_Flitcroft

New Member

How are there no margin settings for a frame? Really?
A fundamental setting that is missing…
Until the day it is included, extra frames it is I suppose…

Darrel

Just chiming in that margin settings would be a godsend. Really need this option especially for those of us that are using a CSS mental model when laying stuff out in Figma.