Дизайн создания адаптивных интерфейсов для no-code конструктора

Сделать удобный способ создания адаптивных интерфейсов в существующем no-code конструкторе.
Ссылка на конструктор https://appstruct.cloud


Дизайн в Figma - https://www.figma.com/file/OryAzZp6TxNbWU0ohqrTgn/...


Нужно переделать текущее решение (прикрепленное фото).


Адаптив должен задаваться через указание нужной ширины экрана (по аналогии с @media-queries) и настройкой элементов под выбранную ширину через драг-н-дроп (пример по указание ширины с таймкодом на youtube прикреплен). Пользователь должен иметь возможность задать ширину и высоту элемента в '%' и 'px'.


https://youtu.be/D6FPxxzCPkc?t=396