RapidUI enables full control over your website's design in every resolution.
One of our key abilities, which allows easy control of your site's design in different resolutions, is the SCALE TO FIT tool - which makes your designs responsive almost automatically.
The Scale to fit tool scales your design from a chosen resolution range to a different resolution range in a separate breakpoint (read the full responsive guide). This way, you can make it so that your design in a specific resolution (for example 1200 - 1400px) will look the same way your design looks in a different resolution (like in 1400-1600px). This way your website will become responsive and you’ll be able to view it perfectly in different resolutions.
In order to use the scale to fit tool, head to the RESPONSIVE panel and follow these steps:
- Go to the breakpoint you wish to change (doesn't work with default resolution)
- Select what resolution range you want to copy onto your breakpoint resolution range
- Click 'scale now'.
If you want to change the scale result, click UNDO (ctrl/command+z) and redo the scale in a different range.
Note: Scaling isn't the best solution when working on mobile resolutions.
Your site elements shouldn't be shrunk only in order to fit the screen but should be reorganized and placed in a new unique way, to fit mobile devices.
That is why we enable uploading a separate PSD/Sketch file to the mobile resolution. This way you can design a completely unique mobile version of your site!