¿Qué es Herramienta de Wireframes?

Esboza diseños de página y maquetas de interfaz en segundos. Arrastra elementos de interfaz comunes — botones, bloques de texto, imágenes, campos de entrada — sobre un lienzo y luego exporta como PNG o guarda como JSON para seguir editando.

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