Skip to content
← Adobe XD: Feature Requests (Read-Only)

Request details

Adobe XD: Feature Requests (Read-Only): 01 : Design mode

Categories

(thinking…)

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.

50 votes

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close

We’ll send you updates on this idea

Yoav Chen shared this idea  ·   ·  Report…  ·  Admin →
feature-completed  ·  AdminElaine (Adobe) (Product Manager, Adobe) responded  · 

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!

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close
Submitting...
An error occurred while saving the comment
  • Sungwhan Cha commented  ·   ·  Report

    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  ·   ·  Report

    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.

  • David Knell commented  ·   ·  Report

    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  ·   ·  Report

    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  ·   ·  Report

    Adding to the original request:
    Constraints should also apply to objects size, in addition to position.

  • Yoav Chen commented  ·   ·  Report

    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.