Skip to main content

When using Auto Layout for an entire page flow, not everything is spaced equally. For example, imagine a page like:



  • Toolbar

  • Heading

  • Paragraph

  • Input

  • Button


To put all of these into a single Auto Layout and give equal spacing to all of it is not typically how it’d work (eg, Toolbar + Heading might be close together, but more spacing around above and below the Input).


To use the benefits of Auto Layout, I wrap these objects into their own Auto Layout frames and then use the padding within these nested frames to create the spacing between elements.


It’d be great to be able to apply margins to objects (like text frames or other frames) without having to first nest them into their own individual frames. This would be closer to how CSS typically works as text elements (h1, h2, p, …) don’t need to be nested in a div to have margin added to them.

(When I say, “not everything is spaced equally”, I don’t mean there is a bug in Figma. I mean that “I might not want everything to be spaced equally” 🙈

Hi there,


Thank you for sharing your idea! We greatly value your feedback, and we would like to gauge the reaction of other members in the community. We may consider it for future enhancements!


Thanks,

Toku

Hi Toku,

I agree with Mike_Higham2, that would be a nice feature to have 🙂

Best,

Jobin

You should then add your vote! So far, there hasn’t been a lot of votes on this issue (which may be a duplicate of others), so add your voice.

This would be a great feature, and honestly seems pretty reasonable. Isn’t the goal ultimately for web and UI designers to be working in an environment that mimics or even replaces front-end development? All for the sake of better handoff. Vote up!

Hey, maybe not a disruptive change, but would it be possible to add padding options for text boxes? For now, to have it padded, you need to wrap it with a frame.

Reply


Terms & ConditionsCookie settings