Skip to:

La última incorporación a tu kit de herramientas de esquematización

Crea rápidamente wireframes de aplicaciones o de sitios web. Genera ideas en notas adhesivas, crea mapas de flujos de usuario y reúne todas las referencias en un solo lugar. Hazlo todo con una única herramienta de creación de wireframes.
wireframing 01 app wireframe product image EN standard 3 2 2x
accenture.svgLogo-Comcast.svgLogo-CVS-Health.svgLogo-Danaher.svgLogo-Delloite.svgLogo-Dropbox.svgLogo-Hanes.svgLogo-Hr-block.svgLogo-Kimberly-Clark.svgLogo-Pepsico.svgLogo-Publix.svgLogo-Rabobank.svgLogo-Slalom.svgLogo-Ubisoft.svgLogo-Total.svgLogo-Ulta.svgLogo-Wp-Energy.svgLogo-Yamaha.svg
accenture.svgLogo-Comcast.svgLogo-CVS-Health.svgLogo-Danaher.svgLogo-Delloite.svgLogo-Dropbox.svgLogo-Hanes.svgLogo-Hr-block.svgLogo-Kimberly-Clark.svgLogo-Pepsico.svgLogo-Publix.svgLogo-Rabobank.svgLogo-Slalom.svgLogo-Ubisoft.svgLogo-Total.svgLogo-Ulta.svgLogo-Wp-Energy.svgLogo-Yamaha.svg

Pasa de un concepto aproximado a un diseño validado en la mitad de tiempo.

Guarda tus mejores diseños para lo que realmente importa.

Valida la estructura y los flujos de usuario desde el principio para que los diseñadores puedan centrarse en pulir la interfaz de usuario en lugar de realizar interminables revisiones del wireframe. Los asistentes de IA generan wireframes a partir de instrucciones de texto, como «crear un proceso de pago en tres pasos», convirtiendo las ideas en diseños en cuestión de segundos.

wireframing 02 ui library product image EN standard 4 3 2x

Alinear a los equipos antes de que comience el desarrollo.

Los departamentos de Diseño, Producto e Ingeniería comparten la misma visión en un mismo tablero. Deja tus comentarios directamente en los wireframes con comentarios, menciones y votaciones. No tendrás que buscar información en los hilos de Slack ni intentar recordar lo que se decidió la semana pasada.

Wireframe_product_image_1_EN_standard_3_2.png

Mantén las decisiones de diseño vinculadas a la investigación.

Los wireframes conviven con tus mapas del viaje del usuario, user personas y resultados de investigación en el mismo lienzo. Conecta visualmente las secciones del wireframe con la información que hay detrás de ellas, de modo que cuando los stakeholder pregunten «¿por qué este diseño?», la respuesta esté ahí mismo.

Wireframe_product_image_2_EN_standard_3_2.png

Por qué las personas eligen Miro para crear wireframes

Diseños basados en inteligencia artificial con Sidekicks

Describe lo que necesitas en un lenguaje sencillo y Sidekicks generará wireframes estructurados. ¿Necesitas un panel con navegación y tablas de datos? Solo tienes que preguntar. ¿Quieres tres variaciones de un flujo móvil? La IA esboza opciones en cuestión de minutos mientras tú mantienes el control creativo.

Colaboración y comentarios en tiempo real

Creen wireframes juntos en directo o de forma asíncrona a través de diferentes zonas horarias. En la herramienta de wireframes de Miro, los compañeros de equipo añaden sugerencias con comentarios, votan con reacciones y utilizan @menciones para incluir a las stakeholder. Todos los comentarios permanecen adjuntos al wireframe, sin quedar ocultos en el correo electrónico.

Integraciones de Figma y Adobe XD

Importa lienzos de Adobe XD directamente a Miro para alinear los wireframes con los archivos de diseño. Consultad las pantallas existentes y pasad sin problemas a prototipos de alta fidelidad sin crear silos entre herramientas.

Componentes de interfaz de usuario listos para usar

La biblioteca de prototipos te ofrece iconos de wireframe, botones, formularios, elementos de navegación y componentes móviles/web. Arrastra los elementos de la interfaz a tu tablero en lugar de dibujarlos desde cero. Rápido, consistente y diseñado específicamente para diseños de baja fidelidad.

Páginas relacionadas

Plantillas relacionadas

Cómo hacer un wireframe con Miro

1. Selecciona el dispositivo

Elije el dispositivo para el que quieres crear el wireframe. Puede ser un teléfono, una tableta o un navegador. Suelta el componente en el tablero.

wireframing 05 ui library product image EN standard 1 1 2x

2. Añade tus componentes de wireframe

Selecciona los componentes que te interesen. Personalízalos haciendo doble clic en el componente y ajustando el tamaño, los íconos y los estados en el menú contextual.

3. Añade tus íconos de wireframe

Los íconos muestran las acciones que realizan los usuarios con tu producto. Haz clic en Íconos y elije los que necesites de nuestra biblioteca.

4. Compártelo

Una vez que hayas terminado tu wireframe, solicita comentarios invitando personas a tu tablero o descargando tu wireframe como imagen o PDF.

wireframing 05 ui library product image EN standard 1 1 2x
social_proof_cover_photo_EN_jumbo_16_9_2x.png

Ayudar a las empresas más innovadoras del mundo a colaborar mejor, cada día

Más de 180.000 organizaciones, entre ellas Nike, Ikea, Deloitte, WPP y Cisco, han adoptado Miro para ayudar a innovar su forma de innovar, con el objetivo de mejorar la velocidad y la calidad de su trabajo.

Preguntas frecuentes sobre la herramienta Wireframe

¿Miro es una herramienta de wireframes?

Miro es un espacio de trabajo de innovación visual con un conjunto de herramientas para la creación de wireframes. Las personas lo utilizan para crear wireframes como parte del proceso de diseño mediante el uso de plantillas y widgets de forma rápida y sencilla. Al utilizar el creador de wireframes de Miro, puedes colaborar en tiempo real, iterar rápidamente y asegurarte de que todos trabajen siguiendo una misma línea. En general, aunque Miro no está diseñado únicamente como creador de wireframes, puede ser una valiosa adición al conjunto de herramientas de cualquier diseñador.

¿Es gratis la herramienta wireframe de Miro?

Sí, la herramienta de wireframes de Miro es 100% gratuita. Después de registrarte en Miro, puedes añadir la plantilla del wireframe de la aplicación o del sitio web a tu tablero desde el selector de plantillas o utilizar formas para crear tu propio wireframe desde cero. Después, invita a tu tablero a todos los miembros del equipo que quieras y empieza a colaborar de forma gratuita.

¿Cuál es la diferencia entre el wireframe de una aplicación y el de un sitio web?

La principal diferencia a la hora de crear un wireframe de una aplicación o de un sitio web se encuentra en el formato. Los wireframes de app se crean principalmente con conjuntos de texto más pequeños y cuadros de imagen, ya que los dispositivos móviles suelen tener pantallas más pequeñas y ofrecen una experiencia de usuario diferente. Al crear un wireframe de un sitio web, tienes más libertad a la hora de pensar en estos elementos. Los flujos de usuario también cambian en consecuencia. Con Miro, puedes crear fácilmente un wireframe de app o un wireframe de sitio web desde cero utilizando nuestra biblioteca de interfaz de usuario.

¿Puedo generar wireframes utilizando IA?

Sí. Los asistentes de IA de Miro te permiten describir lo que deseas — como «crear un panel con una barra lateral, una tabla de datos y botones de acción» — y la IA genera un wireframe basado en tu instrucción. Desde ahí, puedes perfeccionar el diseño, ajustando los componentes y los flujos según sea necesario. La IA agiliza el trabajo inicial de diseño para que puedas centrarte en validar la estructura y la experiencia del usuario.

¿Qué integraciones admite Miro para la creación de wireframes?

Miro ofrece integración con Figma y Adobe XD para que puedas importar mesas de trabajo, consultar diseños existentes y pasar fácilmente de wireframes de baja fidelidad a prototipos pulidos. También puedes utilizar integraciones como Unsplash para imágenes de marcador de posición e Icon Finder para iconos: todo lo que necesitas para crear wireframes claros y completos sin salir de la herramienta de wireframes de Miro.

¿Pueden los equipos remotos realizar colaboración en wireframes en tiempo real?

¡Claro que sí! Tu equipo puede crear conjuntamente wireframes en directo en el mismo tablero, viendo los movimientos del cursor, añadiendo elementos juntos y debatiendo los cambios por vídeo. O bien, trabajad de forma asíncrona: una persona esboza los wireframes, los compañeros de equipo dejan sus comentarios durante la noche y al día siguiente se repite el proceso. Todas las entradas permanecen visibles y organizadas en el tablero, por lo que nada se pierde entre las diferentes zonas horarias.

Empieza en segundos

Únete a miles de equipos que utilizan Miro para mejor su trabajo.