Sketch + inVision: Cómo hacer elementos flotantes fijos, como sidebars para prototipos de escritorio

Este artículo fue escrito en 2016 y presenta una guía para el uso de inVision y Sketch en ese momento. Ten en cuenta que inVision ha sido cerrado y estas herramientas han evolucionado desde entonces.

Has diseñado un layout y quieres hacer scroll vertical en el contenido de la derecha mientras que la barra lateral de la izquierda permanece fija.

Crea una pantalla de diseño con el contenido que quieras en la parte izquierda, deja el espacio transparente a la derecha para tu barra lateral.

Crea un diseño con una barra lateral estática en la parte derecha de tu mesa de trabajo que incluya el espacio transparente del contenido de la parte izquierda.

Sube tu pantalla de diseño a inVision, la que contenga el contenido scrolleable de la parte izquierda.

Después, haz clic en el icono de configuración, y en el Background, selecciona el archivo que contiene tu barra lateral derecha, como imagen de fondo, escoge Fixed (icono del candado). Haz clic en guardar y deberías ser capaz de hacer scroll en la parte izquierda de la pantalla mientras que la barra lateral permanece fija.

¿Qué más?

¡Espero que haya ayudado!