Biblioteca de prototipos

Quién puede hacerlo: Todos los usuarios
¿Cuáles planes: Todos los planes
¿Cuáles plataformas: Navegador, escritorio, móvil

Crea prototipos directamente en el tablero usando la biblioteca de prototipado. La biblioteca incluye elementos de interfaz de usuario e iconos que puedes usar para crear prototipos interactivos, solo o en conjunto con la función Crear con AI Prototype.

La biblioteca de prototipos reemplaza a la biblioteca de wireframes, que será discontinuada a finales de este año. Hasta entonces, la biblioteca de wireframes se puede acceder a través de la pestaña de Wireframes dentro de la biblioteca de prototipos.

Acceder a la biblioteca de prototipos

1. Haz clic en el icono de Medios, Herramientas e Integraciones ().
2. Buscar prototipos.
3. Selecciona el resultado de búsqueda de Prototyping.
4. El panel de prototipado se abrirá con pestañas para elementos de IU e iconos.

Diseñar un prototipo

1. Selecciona una pantalla del panel de elementos UI y haz clic en cualquier lugar del tablero para colocarla.
2. Arrastra y suelta otros elementos de la IU o iconos en la pantalla.
3. Si estás diseñando un prototipo de varias pantallas, agrega líneas de conexión para añadir interactividad entre pantallas (visible en Vista previa):
   1. Haz clic en un elemento de la interfaz que quieras conectar a una pantalla diferente.
   2. Haz clic y arrastra el icono de línea de conexión desde el elemento de la UI a la pantalla a la que deseas conectar.

Cambiar estados de elementos de la interfaz de usuario

Algunos elementos de IU tienen opciones para su estado en el prototipo, como marcar o desmarcar una casilla de verificación. Para acceder a estos estados:

1. Haz clic en el elemento de la interfaz de usuario en el que deseas cambiar la configuración.
   El menú contextual aparece.
2. En el menú contextual, haz clic en el desplegable Estado.
3. Selecciona el estado deseado.

Cambiar estilos de elementos

Para cambiar el color o la fuente de un elemento de la interfaz:

1. Haz clic en el elemento que deseas editar.
   Aparece el menú contextual.
2. Dependiendo del elemento, tendrás la opción de cambiar el color de fondo, fuente, tamaño de fuente, y/o color de fuente.

Vista previa de un prototipo

Para ver la vista previa interactiva de tu prototipo:

1. Selecciona una de las pantallas del prototipo.
   Aparece el menú contextual.
2. Haz clic en Vista previa.
   La vista previa se cargará.
3. Puedes hacer clic en elementos dentro del prototipo para ver sus interacciones, creadas con líneas de Connector, o hacer clic en las flechas para navegar entre pantallas.

Preguntas frecuentes