Relative positioning within a group
Relative positioning in a group will allow us to create custom UI components.
Attributes such as alignment, distribute, padding and margin between two or more objects will allow flexibility to resize a group without re-arranging internal objects.
Unlike responsive behaviour, this feature does not care about artboard size, but treat a group as a mini-artboard.
Yoav Chen
shared this idea
In September, we released the Responsive Resize feature, which gives you both the flexibility to resize automatically as well as define the relationship between objects using constraints. For more details: https://theblog.adobe.com/september-2018-release-of-adobe-xd-responsive-resize-timed-transitions-and-more/?scid=8df38ebb-9534-4044-9f0c-e4ffd86c6fbe&mv=social&mv2=owned_social If you’d like to see refinements, please do feel free to file a new ticket here on UserVoice!
8 comments
-
Sungwhan Cha
commented
Like others mentioned before, Sketch and Figma is already doing a great job for relative positioning within its group. It is 2020, but I don't see any updates about this for Adobe XD.
It would be nice if Adobe XD could do the same thing... -
Cubelodyte
commented
Greatly appreciate the Responsive Resize updates in September, but they do not provide the functionality I was looking for when searching and finding this request.
My goal is to better SEE the relative positions of objects within groups (in other words, display the X and Y as relative to their group) and to also pass this information on to the developer in the Developer documentation.
If that exists in a different feature, or if it should be addressed in a separate request, please advise.
-
Ravit
commented
yes please!
-
David Knell
commented
YES!!! Figma does this well already. They call it Constraints. You can position objects relative to the artboard. But I like the idea of positioning objects relative to the group-as-artboard better.
One essential thing to note on this, which I've mentioned to the Figma team, is what happens when one "smart group" (if we were to call them this) is nested inside another smart group? If you position the inner smart group relative to the outer smart group, the inner smart group would resize accordingly. I cannot tell you how helpful this would be for responsive designing.
In fact, this would lead us to the day where you only need to create one artboard per screen, and when you enter the prototype, no matter what device you use it on, you have an appropriately-sized screen.
-
Joachim Tillessen
commented
Screen design software should start to work like the UIs they are designing for. This might mean some getting used to for designers at first, but will improve greatly the workflow, when handing over to developers.
This article by Nathan Curtis provides additional food for thought concerning the way we design space between objects:
https://medium.com/eightshapes-llc/space-in-design-systems-188bcbae0d62#.ikpdzj22e -
Yoav Chen
commented
Adding to the original request:
Constraints should also apply to objects size, in addition to position. -
Yoav Chen
commented
This feature already exist in Sketch and now also in Affinity Designer 1.5.
In Affinity designer 1.5 its called Constraints and its implementation is especially nice. -
Alexandru Nastase
commented
We need more votes on this!