{"id":1063,"date":"2023-05-10T01:00:57","date_gmt":"2023-05-10T02:00:57","guid":{"rendered":"http:\/\/www.webolto.com\/es\/?p=1063"},"modified":"2023-09-25T10:55:57","modified_gmt":"2023-09-25T11:55:57","slug":"herramientas-crear-maquetas-sitio-web-wireframes","status":"publish","type":"post","link":"https:\/\/www.webolto.com\/es\/blog\/herramientas-crear-maquetas-sitio-web-wireframes\/","title":{"rendered":"Herramientas para crear maquetas web (Wireframes)"},"content":{"rendered":"<p>Antes de construir una casa, es necesario elaborar un plano. De esta forma, la construcci\u00f3n es m\u00e1s f\u00e1cil. Al crear maquetas web, est\u00e1s haciendo lo mismo aplicado al dise\u00f1o de un sitio web. Los wireframes son la mejor manera de presentar la estructura general de un <a href=\"\/es\/blog\/proyecto-pagina-web\/\">proyecto web<\/a>.<\/p>\n<p>En este art\u00edculo, te mostramos 10 herramientas para crear maquetas web o wireframes que te ayudar\u00e1n a dise\u00f1ar un sitio web que se adapte a tus expectativas. Da igual si subcontratas la creaci\u00f3n de tu sitio web, si utilizas programas para crear p\u00e1ginas web como <a href=\"https:\/\/www.webolto.com\/go\/wordpress\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress<\/a> o <a href=\"\/es\/go\/wix\" target=\"_blank\" rel=\"noopener noreferrer\">Wix<\/a>. En todos los proyectos web, las maquetas te servir\u00e1n para alcanzar un resultado m\u00e1s preciso y parecido a lo que buscas. \u00a1Empezamos!<\/p>\n<h2 style=\"text-align: left\"><a name=\"ancre1\"><\/a>#1 Balsamiq<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1067\" src=\"\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-balsamiq.png\" alt=\"\" width=\"1024\" height=\"482\" srcset=\"https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-balsamiq.png 1024w, https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-balsamiq-300x141.png 300w, https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-balsamiq-768x362.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Si hablamos de herramientas para crear wireframes, una de las primeras que se nos viene a la mente es Balsamiq, pues permite crear dise\u00f1os r\u00e1pidos y sencillos, facilita las pruebas de usuario y, adem\u00e1s, se puede compartir con la finalidad de recibir un feedback de parte de un equipo de dise\u00f1adores web para poder mejorar algunos puntos d\u00e9biles que pueda tenger el proyecto desde un primer momento.<\/p>\n<h3>Ventajas<\/h3>\n<ul class=\"icon-circle-plus\">\n<li>Balsamiq est\u00e1 basado en Flash y cuenta con una biblioteca amplia y viene con una extensa biblioteca de elementos de interfaz de usuario.<\/li>\n<li>Est\u00e1 equipado con numerosas funcionalidades, f\u00e1ciles de entender para usuarios novatos.<\/li>\n<li>Viene en un paquete con herramientas integradas que facilitar\u00e1n una presentaci\u00f3n a terceros<\/li>\n<li>Tiene una versi\u00f3n demo gratuita de 30 d\u00edas<\/li>\n<\/ul>\n<h3>Inconvenientes<\/h3>\n<ul class=\"icon-circle-minus\">\n<li>Balsamiq no es \u00fatil para la creaci\u00f3n de prototipos web a gran escala, pues su software no est\u00e1 equipado con suficientes funciones.<\/li>\n<li>El programa no puede simular la experiencia de usuario. Para hacerlo, hay que programar las interacciones y exportarlas como un PDF interactivo.<\/li>\n<\/ul>\n<h3>Costo<\/h3>\n<p>Para disfrutar de los beneficios de Balsamiq Wireframes hay que invertir 9 $ mensuales o 90 $ anuales.<\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/balsamiq.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><button class=\"btn-orange\" type=\"button\">Descubre Balsamiq<\/button><\/a><\/p>\n<h2 style=\"text-align: left\"><a name=\"ancre2\"><\/a>#2 Wireframe.CC<\/h2>\n<h2><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1068\" src=\"\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-wireframe-cc.png\" alt=\"\" width=\"1024\" height=\"486\" srcset=\"https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-wireframe-cc.png 1024w, https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-wireframe-cc-300x142.png 300w, https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-wireframe-cc-768x365.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Se trata de una herramienta f\u00e1cil de manejar por el detalle de su explicaci\u00f3n y que es ideal para aplicaciones m\u00f3viles de corta envergadura y un dise\u00f1o web simple.<\/p>\n<h3>Ventajas<\/h3>\n<ul class=\"icon-circle-plus\">\n<li>Permitir construir wireframes de manera eficiente y r\u00e1pida<\/li>\n<li>Facilita la creaci\u00f3n de un maquetas web propias<\/li>\n<li>Posibilita el ahorro y empleo consciente de tiempo.<\/li>\n<\/ul>\n<h3>Inconvenientes<\/h3>\n<ul class=\"icon-circle-minus\">\n<li>Puede resultar demasiado simple, incluso para el dise\u00f1o de maquetas web<\/li>\n<li>Carece de herramientas de presentaci\u00f3n y creaci\u00f3n de prototipos.<\/li>\n<\/ul>\n<h3>Costo<\/h3>\n<p>Las funciones b\u00e1sicas son gratuitas y para pasar a un plan Premium se abonan 16 d\u00f3lares mensuales con la obtenci\u00f3n de un periodo de prueba de siete d\u00edas.<\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/wireframe.cc\" target=\"_blank\" rel=\"noopener noreferrer\"><button class=\"btn-orange\" type=\"button\">Descubre Wireframe.cc<\/button><\/a><\/p>\n<p class=\"bloc-tips\"><i class=\"fa fa-book\"><\/i>\u00bfNo tienes clara la <strong><a href=\"\/es\/blog\/diferencia-entre-pagina-web-y-sitio-web><\/a>diferencia entre p\u00e1gina web y sitio web<\/strong>? Te la explicamos en detalle.<\/p>\n<h2 style=\"text-align: left\"><a name=\"ancre3\"><\/a>#3 Figma<\/h2>\n<p>Figma es una plataforma para crear p\u00e1ginas web basada en la nube, lo que la hace atractiva para quienes comparten el proyecto con su equipo de trabajo.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1069\" src=\"\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-figma.png\" alt=\"\" width=\"1024\" height=\"392\" srcset=\"https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-figma.png 1024w, https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-figma-300x115.png 300w, https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-figma-768x294.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h3>Ventajas<\/h3>\n<ul class=\"icon-circle-plus\">\n<li>Ofrece una interfaz abierta y expansiva con facilidad de crear numerosos dise\u00f1os en un solo proyecto<\/li>\n<li>Encadena versiones si se necesita reelaborar<\/li>\n<li>Generar ideas y distribuir funciones que permiten concebir el wireframing.<\/li>\n<\/ul>\n<h3>Inconvenientes<\/h3>\n<ul class=\"icon-circle-minus\">\n<li>El costo no es para muchos el adecuado para lo que ofrece<\/li>\n<li>La aplicaci\u00f3n no es exclusiva para maquetas web, lo que puede incomodar a algunos usuarios<\/li>\n<\/ul>\n<h3>Costo<\/h3>\n<p>Disponer de todas las funciones de la aplicaci\u00f3n cuesta 12 $\/\u20ac mensuales, excepto para estudiantes, quienes pueden solicitar costo cero probando su condici\u00f3n<\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/www.figma.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><button class=\"btn-orange\" type=\"button\">Descubre Figma<\/button><\/a><\/p>\n<h2 style=\"text-align: left\"><a name=\"ancre4\"><\/a>#4 Pencil Project<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1070\" src=\"\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-pencil-project.png\" alt=\"\" width=\"1024\" height=\"435\" srcset=\"https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-pencil-project.png 1024w, https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-pencil-project-300x127.png 300w, https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-pencil-project-768x326.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Una herramienta gr\u00e1fica totalmente gratuita para crear prototipos web y wireframes.<\/p>\n<h3>Ventajas<\/h3>\n<ul class=\"icon-circle-plus\">\n<li>Herramienta de c\u00f3digo abierto, totalmente gratis y se puede descargar en Windows o Mac<\/li>\n<li>Ofrece varios modelos e interfaces para crear maquetas web.<\/li>\n<li>Es gratuito, no debes pagar nada y puedes acceder a muchas funcionalidades.<\/li>\n<\/ul>\n<h3>Inconvenientes<\/h3>\n<ul class=\"icon-circle-minus\">\n<li>Las funcionalidades que ofrece son limitadas y, por tanto, no son adecuadas si se trata de un proyecto grande<\/li>\n<li>Adem\u00e1s, no hay suficientes formas y se vuelve muy necesario consultar bibliotecas en l\u00ednea complementarias para estar a la altura de las expectativas.<\/li>\n<\/ul>\n<h3>Costo<\/h3>\n<p>Como ya mencionamos, la aplicaci\u00f3n es totalmente gratuita.<\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/pencil.evolus.vn\/\" target=\"_blank\" rel=\"noopener noreferrer\"><button class=\"btn-orange\" type=\"button\">Descubre Pencil Project<\/button><\/a><\/p>\n<h2 style=\"text-align: left\"><a name=\"ancre5\"><\/a>#5 NinjaMock<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1071\" src=\"\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-ninkamock.png\" alt=\"\" width=\"1024\" height=\"444\" srcset=\"https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-ninkamock.png 1024w, https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-ninkamock-300x130.png 300w, https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-ninkamock-768x333.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Muy utilizada para organizar trabajos en equipo y probar aplicaciones m\u00f3viles y sitios web.<\/p>\n<h3>Ventajas<\/h3>\n<ul class=\"icon-circle-plus\">\n<li>Posee elementos de f\u00e1cil interacci\u00f3n y de por s\u00ed, es bastante r\u00e1pida y eficiente.<\/li>\n<li>Tambi\u00e9n ofrece una gran accesibilidad gracias a la descarga en iOS, Windows y Android<\/li>\n<li>Ofrece un proceso de edici\u00f3n nada complicado y las creaciones se pueden compartir con terceros.<\/li>\n<\/ul>\n<h3>Inconvenientes<\/h3>\n<ul class=\"icon-circle-minus\">\n<li>Algunos usuarios experimentan ciertas dificultades de navegaci\u00f3n por las maquetas<\/li>\n<li>El precio puede elevarse si se quiere usar varios wireframes a la vez.<\/li>\n<\/ul>\n<h3>Costo<\/h3>\n<p>Hay una versi\u00f3n sin costo que permite trabajar con un proyecto de un n\u00famero de elementos limitado. Si te suscribes al plan Premium, el precio es de 8 $ mensuales.<\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/ninjamock.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><button class=\"btn-orange\" type=\"button\">Descubre NinjaMock<\/button><\/a><\/p>\n<h2 style=\"text-align: left\"><a name=\"ancre6\"><\/a>#6 FluidUI<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1072\" src=\"\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-fluidui.png\" alt=\"\" width=\"1024\" height=\"423\" srcset=\"https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-fluidui.png 1024w, https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-fluidui-300x124.png 300w, https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-fluidui-768x317.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Herramienta multifuncional que destaca por su compatibilidad con plataformas m\u00f3viles como iOS y Android, lo que la vuelve muy \u00fatil para crear wireframes.<\/p>\n<h3>Ventajas<\/h3>\n<ul class=\"icon-circle-plus\">\n<li>Gran cantidad de elementos de interacci\u00f3n y animaci\u00f3n<\/li>\n<li>Tiene m\u00e1s de 2000 iconos, widgets y elementos de dise\u00f1o que ayudar\u00e1n mucho en la creaci\u00f3n de nuestros proyectos<\/li>\n<li>Su interfaz es bastante eficiente<\/li>\n<\/ul>\n<h3>Inconvenientes<\/h3>\n<ul class=\"icon-circle-minus\">\n<li>Hay una versi\u00f3n gratuita, pero es muy b\u00e1sica y limitada.<\/li>\n<li>La funcionalidad de descarga de m\u00faltiples im\u00e1genes no est\u00e1 disponible, por lo que debes descargar las im\u00e1genes de tus wireframes una por una.<\/li>\n<\/ul>\n<h3>Costo<\/h3>\n<p>Si nos quedamos con la versi\u00f3n gratuita, solo se podr\u00e1 trabajar con un proyecto de 10 p\u00e1ginas. Si queremos mayor capacidad, el paquete Premium vale 19,08 $ mensuales.<\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/www.fluidui.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><button class=\"btn-orange\" type=\"button\">Descubre FluidUI<\/button><\/a><\/p>\n<h2 style=\"text-align: left\"><a name=\"ancre7\"><\/a>#7 Mockflow<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1073\" src=\"\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-mockflow.png\" alt=\"\" width=\"1024\" height=\"500\" srcset=\"https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-mockflow.png 1024w, https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-mockflow-300x146.png 300w, https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-mockflow-768x375.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Mockflow es un software en la nube con una amplia biblioteca a disposici\u00f3n de los usuarios. Puede ser muy vers\u00e1til como herramienta para crear prototipos web.<\/p>\n<h3>Ventajas<\/h3>\n<ul class=\"icon-circle-plus\">\n<li>Cuenta con una interfaz sencilla y f\u00e1cil de usar.<\/li>\n<li>Posee herramientas preestablecidas para crear wireframes r\u00e1pido.<\/li>\n<li>Adem\u00e1s, la aplicaci\u00f3n viene con un <a href=\"\/es\/gestion-de-proyectos\/cronograma-gestion-proyectos\/\"><strong>cronograma<\/strong><\/a>\u00a0y otras herramientas colaborativas.<\/li>\n<\/ul>\n<h3>Inconvenientes<\/h3>\n<ul class=\"icon-circle-minus\">\n<li>La satisfacci\u00f3n es m\u00ednima con el paquete gratuito<\/li>\n<li>Se experimentan retrasos si se quiere abrir varias p\u00e1ginas.<\/li>\n<\/ul>\n<h3>Costo<\/h3>\n<p>Hay una versi\u00f3n gratuita est\u00e1 disponible con funcionalidades b\u00e1sicas. Para pasar a la versi\u00f3n premium debes pagar 14 o 19 d\u00f3lares al mes.<\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/www.mockflow.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><button class=\"btn-orange\" type=\"button\">Descubre Mockflow<\/button><\/a><\/p>\n<h2 style=\"text-align: left\"><a name=\"ancre8\"><\/a>#8 Cacoo<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1074\" src=\"\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-cacoo.png\" alt=\"\" width=\"1028\" height=\"513\" srcset=\"https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-cacoo.png 1346w, https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-cacoo-300x150.png 300w, https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-cacoo-1024x511.png 1024w, https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-cacoo-768x383.png 768w\" sizes=\"(max-width: 1028px) 100vw, 1028px\" \/><\/p>\n<p>Varios usuarios reconocen a Cacoo como un software ideal para crear maquetas web y otras tareas.<\/p>\n<h3>Ventajas<\/h3>\n<ul class=\"icon-circle-plus\">\n<li>Basado en la nube, con la posibilidad de compartir tu creaci\u00f3n con tu equipo.<\/li>\n<li>Herramientas de presentaci\u00f3n disponibles para crear maquetas web impecables.<\/li>\n<\/ul>\n<h3>Inconvenientes<\/h3>\n<ul class=\"icon-circle-minus\">\n<li>La versi\u00f3n gratuita es limitada y con esta versi\u00f3n solo puedes exportar tus proyectos como archivos PNG<\/li>\n<li>Al finalizar el periodo de prueba gratuito, no se podr\u00e1 acceder al trabajo que se estaba realizando.<\/li>\n<\/ul>\n<h3>Costo<\/h3>\n<p>Para poder disfrutar de los beneficios que brinda la aplicaci\u00f3n, se deben invertir 6 d\u00f3lares mensuales.<\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/nulab.com\/es\/cacoo\/\" target=\"_blank\" rel=\"noopener noreferrer\"><button class=\"btn-orange\" type=\"button\">Descubre Cacoo<\/button><\/a><\/p>\n<h2 style=\"text-align: left\"><a name=\"ancre9\"><\/a>#9 Pidoco<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1075\" src=\"\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-picodo.png\" alt=\"\" width=\"1015\" height=\"600\" srcset=\"https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-picodo.png 1148w, https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-picodo-300x177.png 300w, https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-picodo-1024x606.png 1024w, https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/crear-maquetas-sitio-web-picodo-768x454.png 768w\" sizes=\"(max-width: 1015px) 100vw, 1015px\" \/><\/p>\n<p>Otra de las herramientas para crear wireframes que goza de gran popularidad en el mundo empresarial y cuenta con el aval de importantes empresas.<\/p>\n<h3>Ventajas<\/h3>\n<ul class=\"icon-circle-plus\">\n<li>Varios modelos personalizados y elementos interactivos a disposici\u00f3n de los usuarios.<\/li>\n<li>La estructura de wireframing es bastante \u00e1gil.<\/li>\n<\/ul>\n<h3>Inconvenientes<\/h3>\n<ul class=\"icon-circle-minus\">\n<li>Los precios no son los m\u00e1s econ\u00f3micos<\/li>\n<li>La versi\u00f3n gratuita es bastante limitada.<\/li>\n<\/ul>\n<h3>Costo<\/h3>\n<p>La versi\u00f3n gratuita es de funcionalidad limitada, la b\u00e1sica cuesta 9,99 d\u00f3lares y Premium asciende a 199 d\u00f3lares.<\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/pidoco.com\/en\" target=\"_blank\" rel=\"noopener noreferrer\"><button class=\"btn-orange\" type=\"button\">Descubre Picodo<\/button><\/a><\/p>\n<h2 style=\"text-align: left\"><a name=\"ancre10\"><\/a>#10 Axure<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3338 size-large\" src=\"\/es\/wp-content\/uploads\/sites\/2\/2021\/01\/Herramientas-prototipos-Axure-1024x579.jpg\" alt=\"Herramientas para crear prototipos web Axure\" width=\"1024\" height=\"579\" srcset=\"https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2021\/01\/Herramientas-prototipos-Axure-1024x579.jpg 1024w, https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2021\/01\/Herramientas-prototipos-Axure-300x170.jpg 300w, https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2021\/01\/Herramientas-prototipos-Axure-768x434.jpg 768w, https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2021\/01\/Herramientas-prototipos-Axure-1536x868.jpg 1536w, https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2021\/01\/Herramientas-prototipos-Axure.jpg 1610w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Axure es una herramienta de wireframing precisa para proyectos de gran tama\u00f1o.<\/p>\n<h3>Ventajas<\/h3>\n<ul class=\"icon-circle-plus\">\n<li>La aplicaci\u00f3n cuenta con numerosas funciones para el proyecto, independientemente de su complejidad.<\/li>\n<li>Se pueden encontrar tambi\u00e9n animaciones y vistas adaptables.<\/li>\n<\/ul>\n<h3>Inconvenientes<\/h3>\n<ul class=\"icon-circle-minus\">\n<li>No siempre a los usuarios les gusta un sistema con tantas funciones, pues puede resultar apabullante.<\/li>\n<li>El precio puede ser demasiado caro por la complejidad de la herramienta.<\/li>\n<\/ul>\n<h3>Costo<\/h3>\n<p>La suscripci\u00f3n mensual cuesta 29 d\u00f3lares y el de compra de licencia es de 495 d\u00f3lares, en lo que respecta a un usuario. Para un equipo de trabajo, el costo individual llega a 49 d\u00f3lares y el precio de compra total alcanza los 895 d\u00f3lares.<\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/www.axure.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><button class=\"btn-orange\" type=\"button\">Descubre Axure<\/button><\/a><\/p>\n<h3>Conclusi\u00f3n: \u00bfqu\u00e9 programa para crear maquetas web escoger?<\/h3>\n<p>Despu\u00e9s de leer las caracter\u00edsticas de cada software, comprobamos la importancia de poder construir el wireframing de nuestra p\u00e1gina web. El armado de este esquema es vital para darle forma a este plan de incursionar en nuestras tiendas online o negocios en l\u00ednea. Muchas de las herramientas que se ofrecen permiten crear prototipos web eficientes para la intenci\u00f3n que se desea cumplir. Lo interesante de todas las herramientas rese\u00f1adas es que en cualquiera de ellas, el wireframe proporciona las instrucciones que deben seguir quieres elaboran las maquetas para poder desarrollarlas.<\/p>\n<p>T\u00fa conoces el tama\u00f1o de tu proyecto, su objetivo, el proceso de trabajo que vas a emplear y con qu\u00e9 equipo vamos a trabajar. Con estas variables en mente, podr\u00e1s seleccionar el software de wireframing m\u00e1s apropiado para ti.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Antes de construir una casa, es necesario elaborar un plano. De esta forma, la construcci\u00f3n es m\u00e1s f\u00e1cil. Al crear maquetas web, est\u00e1s haciendo lo mismo aplicado al dise\u00f1o de un sitio web. Los wireframes son la mejor manera de presentar la estructura general de un proyecto web. En este art\u00edculo, te mostramos 10 herramientas [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1077,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[1],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Herramientas para crear maquetas web (Wireframes) - Webolto<\/title>\n<meta name=\"description\" content=\"En este art\u00edculo encontrar\u00e1s 10 herramientas para crear Wireframes. Descubre las mejores herramientas para crear maquetas web con Webolto.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webolto.com\/es\/blog\/herramientas-crear-maquetas-sitio-web-wireframes\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Herramientas para crear maquetas web (Wireframes) - Webolto\" \/>\n<meta property=\"og:description\" content=\"En este art\u00edculo encontrar\u00e1s 10 herramientas para crear Wireframes. Descubre las mejores herramientas para crear maquetas web con Webolto.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webolto.com\/es\/blog\/herramientas-crear-maquetas-sitio-web-wireframes\/\" \/>\n<meta property=\"og:site_name\" content=\"Webolto\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-10T02:00:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-25T11:55:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/mejores-herramientas-para-maquetas-wireframes.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"470\" \/>\n\t<meta property=\"og:image:height\" content=\"353\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"webolto\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"webolto\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Herramientas para crear maquetas web (Wireframes) - Webolto","description":"En este art\u00edculo encontrar\u00e1s 10 herramientas para crear Wireframes. Descubre las mejores herramientas para crear maquetas web con Webolto.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.webolto.com\/es\/blog\/herramientas-crear-maquetas-sitio-web-wireframes\/","og_locale":"es_ES","og_type":"article","og_title":"Herramientas para crear maquetas web (Wireframes) - Webolto","og_description":"En este art\u00edculo encontrar\u00e1s 10 herramientas para crear Wireframes. Descubre las mejores herramientas para crear maquetas web con Webolto.","og_url":"https:\/\/www.webolto.com\/es\/blog\/herramientas-crear-maquetas-sitio-web-wireframes\/","og_site_name":"Webolto","article_published_time":"2023-05-10T02:00:57+00:00","article_modified_time":"2023-09-25T11:55:57+00:00","og_image":[{"width":470,"height":353,"url":"https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/mejores-herramientas-para-maquetas-wireframes.jpg","type":"image\/jpeg"}],"author":"webolto","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"webolto","Tiempo de lectura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webolto.com\/es\/blog\/herramientas-crear-maquetas-sitio-web-wireframes\/#article","isPartOf":{"@id":"https:\/\/www.webolto.com\/es\/blog\/herramientas-crear-maquetas-sitio-web-wireframes\/"},"author":{"name":"webolto","@id":"https:\/\/www.webolto.com\/es\/#\/schema\/person\/d2b6a203f4643bc4880814494c657280"},"headline":"Herramientas para crear maquetas web (Wireframes)","datePublished":"2023-05-10T02:00:57+00:00","dateModified":"2023-09-25T11:55:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webolto.com\/es\/blog\/herramientas-crear-maquetas-sitio-web-wireframes\/"},"wordCount":456,"commentCount":0,"publisher":{"@id":"https:\/\/www.webolto.com\/es\/#organization"},"image":{"@id":"https:\/\/www.webolto.com\/es\/blog\/herramientas-crear-maquetas-sitio-web-wireframes\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/mejores-herramientas-para-maquetas-wireframes.jpg","articleSection":["Uncategorized"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.webolto.com\/es\/blog\/herramientas-crear-maquetas-sitio-web-wireframes\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.webolto.com\/es\/blog\/herramientas-crear-maquetas-sitio-web-wireframes\/","url":"https:\/\/www.webolto.com\/es\/blog\/herramientas-crear-maquetas-sitio-web-wireframes\/","name":"Herramientas para crear maquetas web (Wireframes) - Webolto","isPartOf":{"@id":"https:\/\/www.webolto.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webolto.com\/es\/blog\/herramientas-crear-maquetas-sitio-web-wireframes\/#primaryimage"},"image":{"@id":"https:\/\/www.webolto.com\/es\/blog\/herramientas-crear-maquetas-sitio-web-wireframes\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/mejores-herramientas-para-maquetas-wireframes.jpg","datePublished":"2023-05-10T02:00:57+00:00","dateModified":"2023-09-25T11:55:57+00:00","description":"En este art\u00edculo encontrar\u00e1s 10 herramientas para crear Wireframes. Descubre las mejores herramientas para crear maquetas web con Webolto.","breadcrumb":{"@id":"https:\/\/www.webolto.com\/es\/blog\/herramientas-crear-maquetas-sitio-web-wireframes\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webolto.com\/es\/blog\/herramientas-crear-maquetas-sitio-web-wireframes\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.webolto.com\/es\/blog\/herramientas-crear-maquetas-sitio-web-wireframes\/#primaryimage","url":"https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/mejores-herramientas-para-maquetas-wireframes.jpg","contentUrl":"https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/mejores-herramientas-para-maquetas-wireframes.jpg","width":470,"height":353},{"@type":"BreadcrumbList","@id":"https:\/\/www.webolto.com\/es\/blog\/herramientas-crear-maquetas-sitio-web-wireframes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webolto.com\/es\/"},{"@type":"ListItem","position":2,"name":"Herramientas para crear maquetas web (Wireframes)"}]},{"@type":"WebSite","@id":"https:\/\/www.webolto.com\/es\/#website","url":"https:\/\/www.webolto.com\/es\/","name":"Webolto","description":"Centro de recursos para creadores de sitios web","publisher":{"@id":"https:\/\/www.webolto.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webolto.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.webolto.com\/es\/#organization","name":"Webolto","url":"https:\/\/www.webolto.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.webolto.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/05\/header-logo.png","contentUrl":"https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/05\/header-logo.png","width":3237,"height":667,"caption":"Webolto"},"image":{"@id":"https:\/\/www.webolto.com\/es\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.webolto.com\/es\/#\/schema\/person\/d2b6a203f4643bc4880814494c657280","name":"webolto","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.webolto.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/31a65b7142b50bb5b6b280f3fba9d6db?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/31a65b7142b50bb5b6b280f3fba9d6db?s=96&d=mm&r=g","caption":"webolto"},"sameAs":["http:\/\/webolto.com"]}]}},"featured_image_src":"https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/mejores-herramientas-para-maquetas-wireframes.jpg","featured_image_src_square":"https:\/\/www.webolto.com\/es\/wp-content\/uploads\/sites\/2\/2020\/12\/mejores-herramientas-para-maquetas-wireframes.jpg","author_info":{"display_name":"webolto","author_link":"https:\/\/www.webolto.com\/es\/blog\/author\/thefabrique\/"},"_links":{"self":[{"href":"https:\/\/www.webolto.com\/es\/wp-json\/wp\/v2\/posts\/1063"}],"collection":[{"href":"https:\/\/www.webolto.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webolto.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webolto.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webolto.com\/es\/wp-json\/wp\/v2\/comments?post=1063"}],"version-history":[{"count":0,"href":"https:\/\/www.webolto.com\/es\/wp-json\/wp\/v2\/posts\/1063\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webolto.com\/es\/wp-json\/wp\/v2\/media\/1077"}],"wp:attachment":[{"href":"https:\/\/www.webolto.com\/es\/wp-json\/wp\/v2\/media?parent=1063"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webolto.com\/es\/wp-json\/wp\/v2\/categories?post=1063"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webolto.com\/es\/wp-json\/wp\/v2\/tags?post=1063"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}