• Ir a navegación principal
  • Ir al contenido principal
Dave Medina

Dave Medina

Marketing Digital

  • Inicio
  • Publicidad en Buscadores
  • Rentabilizar Tienda Online
  • Consultoría y Asesoría
  • Blog
  • ¿Hablamos?

5 herramientas online gratuitas para realizar wireframes y diagramas

Usted está aquí: Inicio / Blog / 5 herramientas online gratuitas para realizar wireframes y diagramas

dave · febrero 18, 2014 ·

La realización de wireframes y diagramas es una de las partes más valiosas de cualquier proyecto de diseño web. Se puede ahorrar un valioso tiempo en los detalles de la arquitectura de un sitio, funcionalidad y contenido antes de iniciar realmente un diseño visual.

Wireframe

Un wireframe, también conocido como esquemas de página, plano de pantalla o mockups, es el esqueleto de lo puede ser una página o sitio web. Ayudándonos a probar y validar nuestros esquemas visuales y diseños con lo que reducimos costes y cambios en plena ejecución del proyecto.

Los diagramas nos ayudan a representar la estructura interna de nuestro sitio web, ya sea representando la jerarquía de nuestro sitio, la estructura de nuestra base de datos o interacción de los diferentes actores con los elementos de nuestro sitio.

Mi selección de herramientas online gratuitas para hacer wireframes y diagramas

Cacoo.com

Wireframe - CacooCacoo es una herremaienta de dibujo en línea amigable con el usuario que te permite crear una variedad de diagramas tales como mapas de sitio, wireframes, diagramas UML y de red, entre otros. Tiene un plan gratuito que te permite crear 25 hojas y exportar los diagramas en PNG.

Gliffy.com

Wireframe - GliffyGliffy te permite crear, como Cacoo, diagramas de flujo, organigramas, diagramas UML, diagramas de red… directamente desde el navegador. En el plan gratuito te permite crear 5 diagramas y te ofrece 2 MB de espacio de almacenamiento. La pega es que tus diagramas en el plan gratuito serán públicos.

Gomockingbird.com

Wireframe - GomockingbirdMockingbird es una herramienta online para realizar únicamente maquetas de sitio web o aplicación, wireframes. No permite realizar otros diagramas como las otras dos anteriores. En cambio, contiene de bastantes elementos para poder diseñar nuestro mockup. El plan básico permite crear 1 proyecto con 10 páginas y 2 usuarios.

MockFlow.com

Wireframe - MockflowMockFlow te permite crear tanto Wireframes como otros elementos visuales para nuestro sitio web, como banners, formularios o interfaces gráficas, como para elementos offline como flyers y dossiers. La cuenta gratuita te permite un usuario dueño de un proyecto, aunque con restricciones,  y 1 GB de espacio en la nube.  Permite tener 2 colaboradores de tu proyecto.

Lumzy.com

Wireframe - LumzyLumzy es una alternativa a Mockingbird que te permite crear únicamente wireframes.  Actualmente no es gratuita y ha cambiado a un modelo de pago simbólico de unos 25 céntimos por cada 12 horas de uso. Se venden en packs a partir de $5 (unos 3,70€) .  Es una herramienta que no es tan visual como las anteriores pero cumple con el objetivo.

Bola extra

Draw.io

Wireframe - DrawioMe gustaría agregar a la lista Draw.io, una magnífica alternativa a la anteriores que he encontrado con posterioridad y es la que he utilizado últimamente. Puedes guardar tus diagramas directamente en Google Drive, OneDrive, Dropbox o directamente en un dispositivo. Contiene una gran variedad de elementos para construir tus diagramas y una vista muy parecida a Google Docs.

Blog,  Desarrollo Web Cacoo,  diagramas,  Draw.io,  Gliffy,  gratis,  herramientas,  Lumzy,  MockFlow,  MockingBird,  wireframes

Copyright © 2023 · Business Pro Theme on Genesis Framework · WordPress · Iniciar sesión

Utilizamos cookies para alguna de nuestras funciones y analítica web Puede aceptar todas las cookies a la vez o ajustar sus preferencias en la configuración de cookies. AjustesAceptar
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are as essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary
Siempre activado
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
GUARDAR Y ACEPTAR