Request details

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.

51 votes
Sign in
Check!
(thinking…)
Reset
or sign in with
  • facebook
  • google
    Password icon
    Signed in as (Sign out)

    We’ll send you updates on this idea

    Yoav Chen shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →
    feature-completed  ·  AdminElaine (Adobe) (Admin, 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!

    6 comments

    Sign in
    Check!
    (thinking…)
    Reset
    or sign in with
    • facebook
    • google
      Password icon
      Signed in as (Sign out)
      Submitting...
      • David Knell commented  ·   ·  Flag as inappropriate

        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  ·   ·  Flag as inappropriate

        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  ·   ·  Flag as inappropriate

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

      • Yoav Chen commented  ·   ·  Flag as inappropriate

        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.

      Feedback and Knowledge Base