Skip to main content

Add margins to objects without having to frame them


Mike_Higham2

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.

7 replies

Mike_Higham2

(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” 🙈


y_toku
Figmate
  • Community Support
  • 2490 replies
  • April 18, 2024

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


  • 1 reply
  • August 22, 2024

Hi Toku,
I agree with Mike_Higham2, that would be a nice feature to have 🙂
Best,
Jobin


Tom_Auger1
  • New Member
  • 8 replies
  • August 22, 2024

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.


Joaquin2
  • 2 replies
  • September 6, 2024

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!


Przemek3
  • New Participant
  • 13 replies
  • November 6, 2024

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.


HowardHughes
  • New Member
  • 2 replies
  • February 8, 2025

I’d like to second this motion. It’s just silly that I have to add a frame around an item in order to add margins or padding to it. It doesn’t reflect how CSS works, and it makes the file structure unnecessarily complicated.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings