How to move and resize objects in RapidUI

RapiduI’s visual editor works like your favourite design platform - dragging and resizing are done freely and with no limitations - while behind the scenes we organize your code to stay clean and clear, just like you want it.  

Once you upload your PSD/Sketch file in your site, you can start using RapidUI’s visual editor.

How to move objects in RapidUI

Move elements by dragging them with your mouse, or by using the keyboard arrows

Simply select the element and drag it to the desired area.

(When using the keyboard arrows, press SHIFT while using the arrows to move the object 5 pixels at a time).

How to Resize objects in RapidUI
Resizing manually

• To resize an object, grab it from one of its sides and drag it to the designated size
• In order to resize an object proportionally, simply resize it from one of its corners
• You can also resize an object by typing in the desired width and height in the Positioning Panel

Move other objects while dragging / resizing (fluidly)

Another massive advantage of RapidUI is its fluidity abilities. Our “relative” based code lets you keep the site’s fluid layout when moving or resizing elements - while pressing down the CTRL (Command for Macs) key.

When working in a fluid way, the changes you’ll make on one element (such as moving or resizing), will affect other elements in your site relatively.

For example - when dragging down an element while holding CTRL (Command for Macs), all elements below it will move down accordingly (see below).