Mastering Responsive Resize in Adobe XD

Thanks!

I want to make digital salon menu with responsive button for ipad. what should i do?

i actually went here to find some faster way to convert a mobile design to desktop design but it's XD's constraint that is frustrating now I'm thinking of going full on using Figma

Why did Adobe change the way this works. It's unintuitive in AUG '22. I have object stretching all over the place and no idea how to override constraints. I hate XD.

Is there no way to make text size responsive? Still haven't found a solution. Seems my text is the same size regardless of screen size

ty :)

Once again – Adobe completely misses the point about what is important when it comes to responsive design – which is: How do elements stack underneath each other on mobile while they stay side by side on the desktop version.
Does anyone know a useful alternative to Adobe XD, where I can simulate what happens later in HTML?

I wanted the transition from desktop to mobile but it helped a lot like that thank you

what if constraints doesn't work?

uh, you scared me with the welcome. Almost fell.

Thank you so much. I hope it helps me

Hi, do these responsive changes stay intact when you publish the website cia anima ?

Figma auto resize is much better ..it's almost like Illustrator..

This video does not explain how the design elements translate from desktop to mobile version.
the whole point of Responsive resize is that. It would have been amazing to see how elements drastically change and what your tips and tricks would be to solve those issues
Neither Adobe's Pinksy nor you showed transitions.

Hi, I have a square element box with a number in the center of the square, I want this number to always remain inside the height and width.


Just below the number (also inside the parent box), I have another responsive element box with five colored balls inside, in horizontal formation and stack property. Every time I show or hide one or more balls, the size of this last element (width) adjusts itself, by the stack / resize property.


The problem is: I want the element box of the balls to remain horizontally centered in relation to the square parent box and its brother the number. Currently, when the ball box is resized, it does so by remaining fixed to the right side, it does not remain atomatically centered.


Can anyone suggest or help how a position can be forced when an element changes size due to showing / hiding any of the components of an element? It is important to show or hide it, resizing with the mouse the largest element if it respects it , but hiding or showing the components of the ball box does not.


Can you put in the values ​​of eg padding operators like 50% - "(x value)" px?


Thanks a lot.

i took image and then made character out of from it..but image was too big and as i AM new here i dont how to make small and keep it inside the fram...???

Appreciate the tips!

That's not how responsive works for websites.

Good Tutorial...

Definitely subscribing to your channel man.

This features is completely unusefu for web design. Web responsiveness work in other way.

Your explanation was better than Adobe's!

thanks!