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.
Learn more here: https://helpx.adobe.com/xd/help/set-fixed-padding-for-components-groups.html
-
thom commented
How can you mark a feature as 'not completed' as clearly they've not understood the request...
-
thom commented
Still no way to add '0' padding around a text box. Sure, the default is 0, but its not 0 is it? Every text box has a random amount of padding applied by default, and there's no way to remove it, meaning developers have no way to accurately replicate the spacing between 2 headings for example, as their measurements will be taken from the edge of the text box, and not from the edge of the text itself
-
Michael commented
Hi - It's just silly not to have padding (T, R, B, L) available without grouping a text box. This is a common feature across many other design apps. Please consider adding this feature.
Also, please at least consider re-ordering the padding dimensions. I realize you're walking "around the horn" with T, R, B, L - but plenty of users think in terms of L, R, T, B. Also, you might find the L, R padding dimensions are more frequently used than T, B - another possible argument for re-org-ing this. As a designer, you need to hover over each of the padding boxes to get in the head of Adobe - instead of Adobe getting in the head of the designer user. Alternately, instead of forcing the hover, you could provide instruction text ("L", "R", "T", "B") above the (4) boxes. It would constitute a helpful micro-aid for an often-used bit of functionality.
Thanks!!
-
Anna commented
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.
-
Vnz commented
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
-
Josh commented
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.