Ultima revisión 21/08/2012

MOQUPS, herramienta en HTML5 para crear diagramas, mockups y wireframes

Bien sea para empezar a crear los primeros bocetos del diseño de una web o hasta para hacer un mockup de una aplicación móvil, siempre es necesario tener a la mano una herramienta de maquetación fácil de usar, minimalista, funcional, completa y preferiblemente gratuita. Eso es moqups que además suma a tales características su funcionamiento en HTML5.

No es innovador en cuanto a su temática pues son bastantes las opciones, pero por lo que realmente destaca es por la calidad de los resultados es por la cantidad de herramientas disponibles (en especial plantillas y formas predeterminadas), por la velocidad, gratuidad y porque no necesita valerse de plugins u software extra para trabajar.

Todavía se encuentra en fase beta, pero ya es una herramienta muy completa y útil que puedes probar sin ni siquiera registrarte como usuario (aunque lo tienes que hacer para guardar tus trabajos online). No necesita confirmación vía email para empezar a trabajar con la herramienta y los resultados se pueden descargar en formato PDF o PNG.

Ahora mismo, las funcionalidades más importantes que ya están implementadas son:

• Más de 60 plantillas vectoriales (SVG) para utilizar en tus bocetos.
• Tratamiento por capas, con posibilidad de poder subir y bajar objetos en la pila.
• Guías inteligentes, como ayuda para el dibujo, y cuadrícula personalizable.
• Exportar el lienzo a PDF y PNG.
• Funciones de deshacer y rehacer acciones.
• Objetos pegajosos: una ayuda para colocar con precisión los elementos en el lienzo.
• Atajos de teclado como si fuera una aplicación de escritorio.
• Subir tus propias imágenes.
• Búsqueda muy cómoda de stencils o plantillas, además de estar bien catalogadas.

Sin duda es una buena herramienta online para el prototipado rápido y sencillo de pantallas.