New and returning users may sign in

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
← Adobe XD: Feature Requests

Request details

Feedback

Adobe XD: Feature Requests: 01 : Design mode

Categories

  • CATEGORIES
  • All ideas
  • My feedback
  • 01 : Design mode 1351 ideas
  • 02 : Prototype mode 367 ideas
  • 03: Share mode 46 ideas
  • 04 : Sharing on the web 212 ideas
  • 05 : Asset exporting 154 ideas
  • 06 : Extensibility 37 ideas
  • 07 : Integration with other tools 117 ideas
  • 08 : Mobile (iOS) 25 ideas
  • 09 : Mobile (Android) 18 ideas
  • 10: Developer Handoff 138 ideas
  • 11: Plugins 134 ideas
  • Other 99 ideas

(thinking…)
  • Searching…

    No results.

    Clear search results
    • Adobe XD: Feature Requests 2,824 ideas

Responsive artboards / adaptive layout constraints for resizing

Similar to Edge Reflow, it would be great to have the ability to prototype responsive design ideas with a fluid, flexible canvas. Web designers need a good tool for this there really isn't anything out there to test out responsive design solutions.

  •  
    Screen02.jpg 181 KB
  •  
    Screen01.jpg 157 KB
  •  
    屏幕快照 2018-08-15 下午2.51.54.png 17 KB
  •  
    23517993_1555264814529941_6420572959723190139_n.jpg 20 KB
  •  
    sketch_preview.gif 4728 KB
  •  
    units.png 23 KB
  •  
    1-TjR_7e9JeutRT6z1OLLX9A.png 48 KB
  • CjlUc_RVEAEXXLO.mp4
    CjlUc_RVEAEXXLO.mp4 621 KB
2,334 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

Matt shared this idea  ·  March 15, 2016  ·  Flag idea as inappropriate…  ·  Delete…  ·  Admin →

How important is this to you?

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
feature-completed  ·  Hoyle responded  ·  September 24, 2018

Hello,

With last week’s update of XD, we introduced Responsive Resize – a way to easily resize your elements as you adapt them to different screen sizes. This should massively speed up your workflow.

Download the latest version of XD to give it a try, and check out a 3 min overview of it here: https://www.youtube.com/watch?v=BKvg8_8jv10&t=2s

Look forward to hearing what you think!

Hoyle

Show previous admin responses (4)
feature-started  ·  Hoyle responded  ·  March 22, 2018

Hi there,

We are actively working on adaptive/responsive design features in XD. Stay tuned for more updates, we hope to get it in your hands soon :)

Hoyle

feature-in-the-backlog  ·  Demian Borba responded  ·  July 11, 2016
feature-under-review  ·  Demian Borba responded  ·  July 11, 2016
feature-in-the-backlog  ·  Demian Borba responded  ·  March 29, 2016

This feature is in the backlog. Adaptive and responsive challenges are being tracked in our backlog.

Tweet
  • Remove
Attach a File

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
  • Franco commented  ·  December 16, 2020 03:38  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    We want responsive artboards

    Submitting...
  • Gavin Stokes commented  ·  December 03, 2020 06:16  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Folks people are asking as far back as 2018 that responsiveness works in prototype mode for shared links so clients can interact with it. Skectch & hotgloo have this feature and Im sure others do..bit of a deal breaker.

    Submitting...
  • Gavin Stokes commented  ·  December 03, 2020 06:12  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    But this only works in design mode, half the benefit of reposnsive protoypes is so clients can interact with them. How has Adobe not got this as a planned feature?

    Submitting...
  • Anonymous commented  ·  September 06, 2020 22:40  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    are you able to export constraints as a file?

    Submitting...
  • Anonymous commented  ·  April 16, 2019 14:53  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Need breakpoints for a new form of document/layout reflow or reflow of items depending on the size of the screen. This essentially works for full width bars, but it doesn't help breakdown 2 or more columns into 1 column full-widths etc.

    Thank you!

    Submitting...
  • liam commented  ·  March 22, 2019 04:41  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Doesn't look like this is 'feature-complete' - I can't see any way to create a responsive canvas that can be resized in 'preview' mode (not create mode)

    Submitting...
  • Daniel Vianna commented  ·  November 27, 2018 09:24  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I have a question. Is this something that lacks in the responsive feature or is it something I don't know? I have this challenge. When designing multi-column layouts such as this gif, the elements collide with each other instead of stacking up.

    https://i.imgur.com/LBD1l8Z.png
    https://i.imgur.com/uppPMxS.png

    Submitting...
  • Armando Scuro commented  ·  November 19, 2018 00:56  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I will hardly call it completed, considering if you build components using symbols (which a good designer should) the artboards do not scale properly as symbols are always fixed in size. sure it does a partial job. but not enough to consider it completed.

    Submitting...
  • Anonymous commented  ·  October 17, 2018 08:59  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I have a similar question as other users, does Adobe XD allow "responsive resize" for "Prototypes"? The biggest issue for designers is how to show the way a web layout will change by dragging the window of a prototype to show how the design will appear at a smaller view without actually coding the website. Does XD deliver this function or will there be any future plans for this?

    Submitting...
  • Stu Nami commented  ·  October 14, 2018 13:06  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Does it auto scale in preview prototype mode?

    Submitting...
  • Peteman commented  ·  October 04, 2018 03:57  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Responsive Resize is definitely a step in the right direction, however, Edge Reflow was better in that you had one artboard which did exactly what you wanted.

    Having to create individual artboards for each breakpoint seems really time consuming.

    I'm not sure how I can see this working within XD, unless you could click-through into an individual artboard screen, which was by default, the smallest or biggest viewport size. Once you click through, then you can adjust the design to each breakpoint.

    Breakpoints could be setup as part of the document.

    Submitting...
  • Anonymous commented  ·  September 24, 2018 10:28  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Good stuff! Thanks!

    Submitting...
  • Armando Scuro commented  ·  September 23, 2018 03:02  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    So, having used it for a bit, here is my feedback
    I appreciate the fact that you made it do it's magic automatically, but:

    - Currently if im setting constraints, I shouldn't click on manual everytime I click on an element inside a group
    (perhaps, the UI for constraints should be always visible and just faded out when on Auto, but clicking on it make is manual and allows me to edit it)

    - Resizing using cursor currently produces decimal digits for size, which is not pleasant
    (perhaps give us a checkbox under the responsive resize to select whether we want decimals or not, just until you finally make a preference window)

    lastly, ... symbols should get the same love

    Submitting...
  • M'Jade commented  ·  September 17, 2018 11:29  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Will this feature handle text as well? I'd like it to adjust the font size to fit different devices.

    Submitting...
  • Melissa commented  ·  September 13, 2018 07:47  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    When designing for web content code limitations such as padding, margin, font styles, etc need to be accounted for. This would be an ideal addition to have consistency between elements and be able to show a more accurate version across all layouts.

    Submitting...
  • Benny Liebold commented  ·  September 07, 2018 02:54  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    This is a very good idea. Once it is possible to define constraints (e.g. fix Text size to 14pt), Symbols should only account for the constraints of their content, but leave the remaining attributes variable.

    An example: I designed a Google Material-style button that I would like to use as a symbol. The button area depends on the buttons text length. Currently there is no way to work with Symbols as forms inside of symbols have a fixed size. With the mentioned feature, I could constrain the distance between the text and the button container area to be fixed. Whenever the button text in an instance of the symbol is changed, the button area changes accordingly.

    Similarly, text size could be constrained to, for example, 14pt to allow a symbol to change its container dimensions without changing its content. In my view, this approach goes beyond merely introducing margin/padding, as any potential attribute of an object can be constrained to a given value (length, heigth, text size, rotation, distances, ...).

    Submitting...
  • Benny Liebold commented  ·  September 06, 2018 22:41  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    This Feature would be really helpful for UI component resizing. Imagine a text field or a button with a background box: One could simply constrain the text size to 14pt and then resize the group containing the box and the text without the text altering its size.

    Attributes that should support constraints for this feature:
    - height
    - width
    - text size
    - distances between two specific objects

    Submitting...
  • Peter Cui commented  ·  August 26, 2018 09:15  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    This is a cool idea, give symbols, (objects, texts, images) a new Padding and Margins property, then allow them to connect to each other in the artboard magnetically and dynamically.

    In the magnetic and dynamic design mode, an object can't just be placed anywhere on the artboard, a padding or margin value must be added to any object, then it's connected and layout on the artboard only by following the padding and margin's values.

    Artboard is also dynamic, give options to set a few key resolutions for artboard to extend to. Once the magnetic design content starts adding into the artboard, the height of the artboard is automatically extended. NOT NEED to readjust artboards height all the time.

    This will save so much time to design, having to readjust object space and also the height of the artboard is really painful for large projects. a small mistake will take a long time to fix.

    The magnetic and dynamic design mode is the future for UI and UX designers. It's going to save lifes! Please make this idea come ture!

    Btw I use Windows 10, please release this feature on Windows first. Please.

    Submitting...
  • Andy commented  ·  August 24, 2018 00:38  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    A bit like you had in Muse, I am still holding out hope that some Muse functionality will eventually be added into XD since the end of life has been announced for that product.

    Submitting...
  • Alexandre Rocha commented  ·  August 16, 2018 12:35  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I would love the ability to create symbols but define their responsive behavior. For instance, i could define a button with a text centered on it. And when i'll use this symbol in other places i wish i could resize the button but preserving it's style (color, border and centered text). You can see this feature in Figma software. It's really good. On XD we have to define the size to the symbol and it's fixed.. size should be something to adapt as the designer wish.

    Submitting...
← Previous 1 2 3 4 5 6 7 8 Next →

Adobe XD Feedback : Feature Requests & Bugs · UserVoice Terms of Service & Privacy Policy · Adobe Terms of Use · Adobe Privacy Policy