Allow user-entered margins and padding around text boxes and graphic/shape bounding boxes
There should be an option in the panel to increase the size of the bounding box and the way it snaps to the grid and content around it. The side panel (where user enters text size) should have a way to pad and add margins on all sides of a box or only certain few. This would translate better in the design specs as well as it would get designers in the mindset of a developer more explicitly.
With the XD 26 release, padding is available on any group, configurable in the layout section.
We have padding. That's awesome!!!!!!! But we still need margins between objects. If you have a background in the group / component, there's no good way to add margins around the outside of the object. Not a huge deal all the time - there is the handy guides re: space between elements...but those aren't always totally reliable, especially for larger margins.
Padding does not work if the background is a component...
Andrea Powell commented
Is there a way to remove padding that is within a text box?
Padding is automatically added to the bottom and top of a text box and I cannot remove it in the layout section.
Rositsa Raleva commented
I think this is a must-have feature and my main reason to use Sketch instead of XD.
Steve Sinyard commented
Would love to see the feature that Sketch has where you can adjust the padding within a transform box, so you can change it from being 80px to 100px throughout the artboards
I agree. Treating the textboxes more like the browser treats them and giving them the same box-model properties will help translate designs to the web more easily. Consider borders, background colors, and other attributes as well.
Peter Scott commented
Along with other components, having text containers or title containers etc with margins/padding.
When updated in component it auto retracts or pushes the elements around it reducing the need to go in and edit all the margins/padding by hand on every document.