Quién puede hacerlo: Todos los usuarios
Qué planes: Todos los planes
Qué plataformas: Navegador, Escritorio, Móvil
NOTA: La Prototyping Library ahora se llama la Wireframing Library. Tus Screens, UI components y flujos existentes funcionarán de la misma manera.
Usa la Wireframing Library para crear Screens y flujos de baja fidelidad directamente en el lienzo de Miro. La biblioteca incluye Screens, UI components e Icons que te ayudan a esbozar flujos y estructurar ideas en etapas tempranas.
Todos los usuarios pueden crear wireframes estáticos. Advanced components, connector lines y interactive preview requieren un plan Business o una licencia Enterprise Accelerate.
CONSEJO: ¿Necesitas un prototipo de alta fidelidad? Usa Prototypes 2.0 (HTML prototypes). Puedes convertir tus wireframes en un HTML Prototype para obtener visuales más ricos, edición con IA, revisión y entrega. Consulta Acerca de Prototypes 2.0 y Crear un Prototype 2.0.
Cómo abrir la Wireframing Library
- En el lienzo, desde la barra de creación, haz clic en el icono de Herramientas, medios e integraciones.
- Busca Wireframing y haz clic en Wireframing Library.
- Se abre el panel de Wireframing Library.
Qué incluye la Wireframing Library
La Wireframing Library está organizada en pestañas. Todos los usuarios pueden crear wireframes estáticos con Screens, UI components e Icons.
Pantallas
Las pantallas son marcos predefinidos para crear wireframes. Agrega Móvil, Tableta o Escritorio a tu lienzo, luego arrastra elementos de UI sobre ellas.
Trabaja con las pantallas
- Mostrar u ocultar el marco de la pantalla, para que aparezca como el marco de un dispositivo o como un marco simple.
- Rotar una pantalla.
- Redimensionar una pantalla arrastrando para aumentar su altura (solo vertical).
Componentes de UI
Los componentes de UI son elementos comunes de la interfaz, como botones, campos de entrada, barras de navegación y elementos de formulario.
Puedes:
- Arrastrar componentes a una pantalla.
- Redimensionar y reposicionar componentes.
- Editar el texto y el estilo básico desde el menú contextual.
NOTA: Las opciones del menú contextual varían según el elemento que selecciones.
En el plan Business y con la licencia Enterprise Accelerate, algunos UI components son interactivos en Preview mode. Por ejemplo, botones, deslizadores, campos de entrada y menús desplegables responden a las connector lines que hayas definido.
Los Advanced components solo están disponibles en el plan Business y con la licencia Enterprise Accelerate.
Icons
La pestaña Icons incluye una biblioteca de iconos con buscador.
Agregar o reemplazar un icono
- Arrastra un icono desde la biblioteca al lienzo.
- Selecciona el icono para cambiar su color desde el menú contextual.
- Elige Replace icon para intercambiarlo por otro icono sin modificar su posición ni su tamaño.
Connector lines y interactive preview
Qué planes: Business, Enterprise (con licencia Accelerate)
Connector lines definen la navegación entre Screens. Dibuja Connector lines desde un elemento en una Screen hasta otra Screen para crear flujos de varios pasos.
Connector lines también habilitan la interactive preview. En Preview mode, las Screens conectadas funcionan como un flujo cliqueable.
CONSEJO: Algunos elementos de la UI muestran un icono de rayo al agregarlos a una Screen. En flujos con varias Screens, arrastra el icono de rayo hasta otra Screen para crear un Connector line.
Convertir wireframes en HTML Prototypes
Qué planes: Business, Enterprise (con licencia Accelerate)
Cuando tu flujo esté listo para revisión o entrega de alta fidelidad, convierte tus widgets, wireframes o Screens en un HTML Prototype (Prototypes 2.0). Los HTML Prototypes ofrecen:
- Renderizado más completo (degradados, sombras, tipografías y diseños).
- Ediciones ligeras en el lienzo.
- Conectores interactivos.
- Editar con IA.
- Vista previa a pantalla completa con enlace para compartir.
- Exportar a HTML o imagen.
NOTA: Si usas Editar con IA en las Screens de la Wireframing Library, Miro crea un nuevo prototipo Prototypes 2.0. Tus Screens originales no se modifican.
Preguntas frecuentes
Sí. Todo lo que hiciste con la Prototyping Library permanece en tu tablero y sigue funcionando como antes.
No. Puedes añadir contenido personalizado a tu tablero, pero no puedes añadir nuevos elementos a la Wireframing Library.
Sí. Todos los usuarios con acceso de edición, en todos los planes, pueden crear wireframes estáticos. Advanced components, Connector lines y Interactive preview requieren un plan Business o la licencia Enterprise Accelerate.
No. La Wireframing Library es el nuevo nombre de la Prototyping Library. Los elementos de la biblioteca Wireframe heredada están en su pestaña Wireframes, y los wireframes existentes siguen funcionando.
Convierte tus wireframes en un HTML Prototype (Prototypes 2.0) o importa HTML desde herramientas como Claude Code o Cursor. Consulta [Crear un prototipo 2.0](#). Prototypes 2.0 forma parte del plan Business y de la licencia Enterprise Accelerate.