Преди Adobe да въведат този feature в XD – процесът по създаване на дизайни бе доста по-бавен и досаден, особено когато оформлението на елементите и самото им съчетание се различава доста от това на останалите страници. Или пък когато artboard-а ви е бил доста по-голям от това, което трябва да бъде в действителност и се налага да минете отново през всички елементи, за да промените съотношенията им. Този вариант бе далеч от идеалния, но от септември, 2018, когато Adobe въведоха този tool – всичко е по-лесно. Вече бързо можете да преоразмерявате групи обекти или отделни елементи.
Трябва само да селектирате artboard-а и от панела вдясно > от toggle-а да активирате “responsive resize” опцията.

По подразбиране е зададен автоматичен режим. При преоразмеряването на групи XD запазва вече установената йерархия между елементите в групата.

Manual setings
Винаги можете ръчно да определите поведението на обектите и само за част от елементите в групата. За целта изберете от панела вдясно > „Manual“. Така ще сте сигурни, че дизайна ви е адаптиран към няколко размера на екрана. За да определите поведението на различните компоненти, можете да използвате следните ограничения:
- фиксирана или променлива ширина (fixed or variable width)
- фиксирана или променлива височина (fixed or variable height)
- фиксирано или променливо ляво поле (left margin)
- фиксирано или променливо дясно поле (right margin)
- фиксирано или променливо горно поле (top margin)
- фиксирано или променливо долно поле (bottom margin)
Посочените контроли ни позволяват да определим за всеки обект кои ръбове на таблото трябва да останат непроменени и дали искаме да запазим неговата височина или ширина фиксирани.
Можете също така да заключите съотношението (aspect ratio) на групата, така че при resize то да се запази. Уеднаквяването на елементите между устройствата чрез закрепване на отделни обекти в предварително зададена позиция и фиксиране на свойствата на уплътняване е важно.
Разбира се всичко това има смисъл, в случай че сте решили да подготвяте дизайни за таблет и/или мобилни устройства. Аз лично съм на мнение, че е добре да има такива, най-малкото защото така ще улесните (или поне донякъде) developer-ите, които ще го кодват, а и по-важното вие самите ще сте наясно от какво точно имате нужда и какво хипотетично да очаквате като краен резултат.