Un wireframe es una representación esquemática de una página web, sin elementos gráficos que muestren contenido. Son realmente útiles como herramientas de comunicación entre programadores, diseñadores y clientes. Bueno, Moqups es una sorprendente aplicación en HTML 5 con la cual podemos diseñar estos wireframe, maquetas, interfaz gráficas ó prototipos como nos guste llamarlos. La aplicación es fácil de usar e intuitiva, puntos por ello, así dar rienda suelta a nuestra creatividad.
Hay una gran serie de herramientas entre formas, controles, add-ons que podemos agregar a nuestra maqueta. En área de trabajo podemos usar combinaciones del teclado para facilitarnos el diseño. También nos permite la edición (deshacer, rehacer, copiar, cortar, pegar). El resultado final podemos exportalo a formatos PDF, PNG ó enviar por correo eléctronico. Y de momento es de acceso gratuito. A probarlo!!
Enlace | Moqups
Disculpa, pero sabras alguna aplicación la cual te otorgue dicho código html, no solo la imagen.