¿Qué es Herramienta de Wireframes?

Una herramienta de creación de wireframes basada de forma privada para bocetar rápidamente diseños de página y maquetas de interfaz. Arrastra y suelta elementos de interfaz comunes — botones, bloques de texto, imágenes, campos de entrada — sobre un lienzo para crear wireframes que puedes exportar como PNG o JSON para edición posterior.

Cómo usar

  1. Selecciona un elemento de interfaz en la barra de herramientas — como un rectángulo, bloque de texto, botón, marcador de imagen o campo de entrada — y haz clic en el lienzo para colocarlo.
  2. Arrastra los elementos para reposicionarlos, cambia su tamaño tirando de los controladores y edita el texto haciendo doble clic. Agrupa elementos para moverlos más fácilmente.
  3. Exporta tu wireframe como imagen PNG para compartirlo, o guárdalo como JSON para recargarlo y continuar editando más tarde.

Resultado

Un product manager esboza la pantalla de inicio de sesión de una aplicación móvil con un marcador de logo, campos de correo electrónico y contraseña, un botón de inicio de sesión y un enlace de 'olvidé mi contraseña' — y luego exporta el PNG para compartirlo en un canal de Slack.

Herramientas relacionadas