Quiénes pueden hacerlo: Todos los usuarios
Qué planes: Todos los planes
Qué plataformas: navegador, escritorio, móvil
Usa la biblioteca de prototipos para crear prototipos directamente en el lienzo de Miro. La biblioteca incluye pantallas, componentes de interfaz y iconos que te ayudan a visualizar flujos y estructurar ideas desde el inicio.
Puedes usar la biblioteca de prototipos para crear prototipos estáticos. Funciones como componentes avanzados, líneas de conexión y la vista previa interactiva requieren un plan Business o la licencia Accelerate para los planes Enterprise.
La Biblioteca de prototipos tiene todo lo necesario para crear manualmente flujos de una o varias pantallas en Miro
Abrir la Biblioteca de prototipos
- En el lienzo, desde la barra de creación haz clic en Herramientas, medios e integraciones (
).
- Busca y encuentra Prototyping, luego haz clic Biblioteca de prototipos.
- Se abre el panel Biblioteca de prototipos .
Qué hay en la biblioteca de prototipos
La Biblioteca de prototipos está organizada en pestañas. Todos los usuarios pueden usar la biblioteca para armar diseños de prototipos estáticos con pantallas, componentes de la interfaz y íconos.
💡 Para prototipos generados por IA y flujos interactivos, usa la biblioteca de prototipos junto con Miro Prototypes.
Pantallas
Las Pantallas son marcos listos para prototipar flujos. Puedes agregar Móvil, Tableta o Escritorio a tu lienzo y crear diseños arrastrando elementos de la interfaz sobre ellas.
Trabajar con pantallas
- Mostrar u ocultar el marco de la pantalla (para que pueda verse como el marco de un dispositivo o como un marco simple)
- Girar una pantalla
- Cambiar el tamaño de una pantalla arrastrando para aumentar su altura (solo vertical)
Componentes de la interfaz
Los componentes de la interfaz son elementos comunes que puedes arrastrar a las pantallas, como botones, campos de entrada, barras de navegación y elementos de formulario.
Puedes:
- Arrastrar componentes a una pantalla
- Cambiar el tamaño y reposicionar componentes
- Editar texto y el estilo básico desde el menú contextual
✏️ Las opciones del menú contextual varían según el elemento que selecciones.
Con Miro Prototypes, algunos componentes de la interfaz se vuelven interactivos en el modo Vista previa. Por ejemplo, botones, deslizadores, campos de entrada y menús desplegables responden a las acciones del usuario según las líneas de conexión que hayas definido.
Algunos conjuntos de componentes, como los Componentes avanzados, están disponibles solo con Miro Prototypes. Si no tienes acceso, estos componentes pueden aparecer en la biblioteca con un indicador.
Iconos
La pestaña Iconos incluye una biblioteca de iconos que puedes buscar y usar en prototipos.
Agregar o reemplazar un icono
- Arrastra un icono desde la biblioteca al lienzo.
- Selecciona el icono para actualizar su color desde el menú contextual.
- Elige Reemplazar icono para cambiarlo por otro sin alterar su posición ni su tamaño.
Wireframes (legacy)
La pestaña Wireframes contiene elementos de wireframes heredados. Estos elementos siguen estando disponibles y editables en tableros existentes, pero los prototipos más recientes deberían usar las pantallas y los componentes de interfaz de la biblioteca de prototipos.
Líneas de conexión e interactividad (Miro Prototypes)
Líneas conectoras te permiten definir la navegación entre pantallas en un prototipo. Con Miro Prototypes, puedes crear líneas conectoras entre elementos y pantallas para construir flujos de varios pasos.
Las líneas conectoras también habilitan la vista previa interactiva. En el modo de vista previa, las pantallas conectadas se comportan como un flujo cliqueable y se desplazan verticalmente si se extienden más allá del área visible. Sin Miro Prototypes, las líneas conectoras y el comportamiento interactivo no están disponibles.
💡 Algunos elementos de la interfaz muestran un icono de rayo al agregarlos a una pantalla. En flujos de varias pantallas, arrastra el icono de rayo para crear una línea conectora entre pantallas.