User Experience Design Portfolio of Martina Pérez


I’m a UX Designer focused on Interaction Design & Research.
I also enjoy sharing my experience with the UX Community

Sketch + InVision: How to Make Fixed Floating Elements, Like Sidebars, for Desktop Prototypes


Originally published on UX Collective - Medium

You designed this layout and you want scrolling vertical the left content while the right content (sidebar) remains fixed.


Create a screen design with your scrolling vertical content section on the left side of your screen, that includes a strip of transparent area on the right side.


Create a design with a static sidebar on the right side of your screen that includes a strip of transparent area on the left side.


Upload your first screen to inVision that contains the scrolling vertical content (left side content).

Then, click the configuration tool, and in the “Background”, select the file that contains your static sidebar, as the background image, and choose “Fixed” (lock icon). Click save, and you should then be able to scroll the left side of your screen.

What’s next?

Join my Skillshare class about how to build prototypes in inVision for more tips:

Hope this helps :)

martina perez