{"id":10818,"date":"2018-06-05T08:56:58","date_gmt":"2018-06-05T08:56:58","guid":{"rendered":"https:\/\/www.templatemonster.com\/es\/blog\/?p=10818"},"modified":"2022-09-12T12:54:28","modified_gmt":"2022-09-12T12:54:28","slug":"10-mejores-herramientas-de-diseno-para-disenadores-de-iuux","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/es\/10-mejores-herramientas-de-diseno-para-disenadores-de-iuux\/","title":{"rendered":"10 Mejores herramientas de dise\u00f1o para dise\u00f1adores de IU\/UX"},"content":{"rendered":"<p>Para los dise\u00f1adores de&nbsp;IU y UX, una forma de ahorrar&nbsp;su tiempo y a\u00fan as\u00ed crear un gran sitio web con <a href=\"https:\/\/www.templatemonster.com\/es\/\" target=\"_blank\" rel=\"noopener noreferrer\">TemplateMonster<\/a> es hacerlo con m\u00faltiples herramientas de software disponibles en la web. Cuando est\u00e1s en la&nbsp;etapa de desarrollo, todo puede convertirse en un verdadero dolor de cabeza&nbsp;si no tienes herramientas adecuadas que&nbsp;puedan ayudarte.<\/p>\n<p><!--more--><\/p>\n<p>Estas son 10 mejores herramientas para dise\u00f1adores web que pueden ayudar&nbsp;en gran medida en cualquier fase de desarrollo web.<\/p>\n<hr>\n<div class=\"spacer\"><\/div>\n<h3><a href=\"http:\/\/type-scale.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Type Scale <\/a><\/h3>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: center\"><a href=\"http:\/\/type-scale.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-10912\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image2.png\" alt=\"\" width=\"900\" height=\"429\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image2.png 900w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image2-300x143.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image2-768x366.png 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p>Type Scale es una herramienta de tipo de letra visual para dise\u00f1adores de&nbsp;IU&nbsp;con la que puedes escalar fuentes y tipos de letra seg\u00fan tus necesidades. Te permite&nbsp;previsualizar el texto con las fuentes de Google y cambiar el peso y la familia de fuentes. La opci\u00f3n de vista previa en tiempo real del tama\u00f1o de texto en la columna derecha te permite ver c\u00f3mo se ver\u00e1 en tu pantalla.&nbsp;Type Scale es una gran herramienta de interfaz de usuario para&nbsp;descubrir&nbsp;la fuente m\u00e1s adecuada&nbsp;para tu sitio web.<\/p>\n<hr>\n<div class=\"spacer\"><\/div>\n<h3><a href=\"https:\/\/material.io\/resizer\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Material Design Resizer<\/a><\/h3>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: center\"><a href=\"https:\/\/material.io\/resizer\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-10913\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image3.png\" alt=\"\" width=\"900\" height=\"410\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image3.png 900w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image3-300x137.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image3-768x350.png 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p>Material Design Resizer es una gran herramienta para probar dise\u00f1os en dispositivos de escritorio, dispositivos m\u00f3viles y tabletas. Para empezar, escriba tu sitio web y te mostrar\u00e1 exactamente como se ve en todos los dispositivos. Es&nbsp;f\u00e1cil de usar y efectivo. Puedes ver tres pantallas en una sola pantalla. Te ahorra tiempo y&nbsp;esfuerzo&nbsp;que se gasta en cambiar de pantalla o tener que trabajar en cada uno por separado.<\/p>\n<p>Otra caracter\u00edstica importante es que cambia f\u00e1cilmente del modo de tel\u00e9fono al modo de tableta. En el modo de tableta puedes cambiar de la vista&nbsp;vertical&nbsp;de 720&nbsp;a la horizontal de 1024.<\/p>\n<hr>\n<div class=\"spacer\"><\/div>\n<h3><a href=\"https:\/\/uxchecklist.github.io\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">UX Project Checklist<\/a><\/h3>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: center\"><a href=\"https:\/\/uxchecklist.github.io\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-10916\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image6.png\" alt=\"\" width=\"900\" height=\"415\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image6.png 900w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image6-300x138.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image6-768x354.png 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p>UX Project Checklist es una de las herramientas de UX en l\u00ednea m\u00e1s completas para dise\u00f1adores de UX.<\/p>\n<p>La lista de verificaci\u00f3n se divide en 27 secciones clave:<\/p>\n<ul>\n<li>Investigar<\/li>\n<li>Planear<\/li>\n<li>Explorar<\/li>\n<li>Comunicar<\/li>\n<li>Crear<\/li>\n<li>Dejar opinion<\/li>\n<li>Finalizar<\/li>\n<li>Deleitar<\/li>\n<li>Analizar<\/li>\n<\/ul>\n<p>Combina algunas partes del viaje del comprador en las fases de desarrollo. En la etapa de Planear&nbsp;te pregunta si has descubierto tus compradores y has creado flujos de usuarios.&nbsp;Para dise\u00f1adores es m\u00e1s importante saber para qui\u00e9n est\u00e1n dise\u00f1ando antes de que comience el desarrollo real.<\/p>\n<p>En el desarrollo web se puede&nbsp;tardar meses y con esta lista de verificaci\u00f3n seguramente cubrir\u00e1s todos los puntos&nbsp;necesarios para finalizar&nbsp;tu proyecto.<\/p>\n<p>Tambi\u00e9n puedes sincronizarlo&nbsp;con todos los dispositivos por una cuenta de Google.<\/p>\n<hr>\n<div class=\"spacer\"><\/div>\n<h3><a href=\"https:\/\/pttrns.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Pttrns <\/a><\/h3>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: center\"><a href=\"https:\/\/pttrns.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-10920\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image10.png\" alt=\"\" width=\"900\" height=\"422\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image10.png 900w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image10-300x141.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image10-768x360.png 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p>Pttrns es \u00fatil al generar ideas sobre dise\u00f1os en dispositivos m\u00f3viles. Hay soluciones para&nbsp;plataformas m\u00f3viles: Android, iPhone y iPad, y Apple Watch. La secci\u00f3n de categor\u00edas ofrece m\u00faltiples opciones para decidir c\u00f3mo deber\u00eda verse el dise\u00f1o m\u00f3vil. Por ejemplo, para Airbnb muestra su p\u00e1gina de inicio de sesi\u00f3n en el iPhone. Esto te da una idea&nbsp;sobre c\u00f3mo dise\u00f1ar comentarios, mensajes, notificaciones, fotos, barras laterales y mucho m\u00e1s dentro de tu aplicaci\u00f3n m\u00f3vil.<\/p>\n<p>Cuando haces clic en una categor\u00eda, se muestran algunos patrones de dise\u00f1o que puedes implementar en tu dise\u00f1o. Este es un gran lugar para encontrar ideas.<\/p>\n<hr>\n<div class=\"spacer\"><\/div>\n<h3><a href=\"https:\/\/www.usertesting.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">UserTesting <\/a><\/h3>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: center\"><a href=\"https:\/\/www.usertesting.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-10917\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image7.png\" alt=\"\" width=\"900\" height=\"426\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image7.png 900w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image7-300x142.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image7-768x364.png 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p>Una de las fases de desarrollo m\u00e1s importantes es la prueba&nbsp;por&nbsp;el usuario. UserTesting te proporciona una buena idea de las mejoras que puedes aplicar a tu sitio web.<\/p>\n<p>UserTesting contrata candidatos calificados para probar tu sitio web o aplicaci\u00f3n. Con su plan individual, puedes escuchar los pensamientos del&nbsp;probador y tener en cuenta esos comentarios&nbsp;al mejorar los componentes.&nbsp;Con la cuenta Enterprise se ofrecen m\u00e1s caracter\u00edsticas y brindan una manera m\u00e1s avanzada de mejorar la experiencia del usuario. Obtienes un gerente de proyecto que ayuda con el an\u00e1lisis y te ahorra tiempo&nbsp;que se tarda en la investigaci\u00f3n y las pruebas.<\/p>\n<hr>\n<div class=\"spacer\"><\/div>\n<h3><a href=\"http:\/\/www.goodui.org\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">GoodUI<\/a><\/h3>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: center\"><a href=\"http:\/\/www.goodui.org\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-10918\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image8.png\" alt=\"\" width=\"900\" height=\"422\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image8.png 900w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image8-300x141.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image8-768x360.png 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p>GoodUI tiene una buena interfaz de usuario. Ellos eval\u00faan los dise\u00f1os con las pruebas A \/ B. GoodUI es \u00fatil en caso de que tienes una columna en lugar de m\u00faltiples dise\u00f1os de columna. No distrae al usuario de lo que es importante.<\/p>\n<p>Comparten y te env\u00edan las \u00faltimas pruebas de IU que han hecho si se suscribes para recibir actualizaciones. Te dar\u00e1n resultados mensurables de esas pruebas y te mostrar\u00e1n c\u00f3mo usarlas por tu cuenta.<\/p>\n<hr>\n<div class=\"spacer\"><\/div>\n<h3><a href=\"https:\/\/www.mockplus.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Mocksplus<\/a><\/h3>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: center\"><a href=\"https:\/\/www.mockplus.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-10919\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image9.png\" alt=\"\" width=\"900\" height=\"407\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image9.png 900w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image9-300x136.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image9-768x347.png 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p>Mocksplus&nbsp;elimina la necesidad de codificaci\u00f3n con su dise\u00f1o de arrastrar y soltar. Dise\u00f1a mucho m\u00e1s r\u00e1pido con su curva de aprendizaje f\u00e1cil y dise\u00f1o sin c\u00f3digo.<\/p>\n<p>Si&nbsp;quieres ahorrar tiempo y todav\u00eda crear un dise\u00f1o atractivo, Mocksplus es la mejor herramienta para eso.&nbsp;Todo lo que dise\u00f1as en la pantalla es lo que ver\u00e1s en tu aplicaci\u00f3n o sitio web.<\/p>\n<p>Mocksplus es una de las mejores herramientas en el mercado y&nbsp;se utiliza por muchos dise\u00f1adores de UX y IU.<\/p>\n<hr>\n<div class=\"spacer\"><\/div>\n<h3><a href=\"https:\/\/marvelapp.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Marvel<\/a><\/h3>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: center\"><a href=\"https:\/\/marvelapp.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-10911\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image1-1.png\" alt=\"\" width=\"900\" height=\"425\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image1-1.png 900w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image1-1-300x142.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image1-1-768x363.png 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p>Marvel podr\u00eda ser una de las herramientas de dise\u00f1o de prototipos m\u00e1s f\u00e1ciles de usar hoy en d\u00eda. Te permite usar transiciones en tu dise\u00f1o y navegar a trav\u00e9s de tu aplicaci\u00f3n o sitio web.<\/p>\n<p>Una de las mejores caracter\u00edsticas de Marvel es su colaboraci\u00f3n.&nbsp;Te permite comentar prototipos en tiempo real y compartir proyectos.&nbsp;Y recibir&nbsp;comentarios sobre tus dise\u00f1os.<\/p>\n<p>Algunas caracter\u00edsticas \u00fatiles son la sincronizaci\u00f3n con Google Drive o Dropbox, la importaci\u00f3n de dise\u00f1os desde Photoshop o Sketch, la vista previa de prototipos de muestra con su funci\u00f3n de reproducci\u00f3n. Todos los aspectos del desarrollo web son f\u00e1ciles con Marvel.<\/p>\n<hr>\n<div class=\"spacer\"><\/div>\n<h3><a href=\"https:\/\/clk.tradedoubler.com\/click?p=264355&amp;a=3279527&amp;url=https%3A%2F%2Fwww.adobe.com%2Fproducts%2Fillustrator.html\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Adobe Illustrator<\/a><\/h3>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: center\"><a href=\"https:\/\/clk.tradedoubler.com\/click?p=264355&amp;a=3279527&amp;url=https%3A%2F%2Fwww.adobe.com%2Fproducts%2Fillustrator.html\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-10915\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image5.png\" alt=\"\" width=\"900\" height=\"426\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image5.png 900w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image5-300x142.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image5-768x364.png 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p>Adobe Illustrator es una herramienta de dise\u00f1o utilizada por muchos dise\u00f1adores de&nbsp;IU para crear formas, logotipos e iconos debido a su&nbsp;interfaz f\u00e1cil de usar. Esta plataforma de gr\u00e1ficos vectoriales es la mejor manera de crear gr\u00e1ficos para tu sitio web y agregar objetos a fotos.<\/p>\n<p>Se integra f\u00e1cilmente con Photoshop y Stock para permitirte a\u00f1adir gr\u00e1ficos a im\u00e1genes o plantillas. Illustrator es la mejor herramienta para comenzar a crear gr\u00e1ficos vectoriales. La curva de aprendizaje es sencilla y no perder\u00e1s mucho tiempo en aprender&nbsp;incluso las funciones m\u00e1s avanzadas.<\/p>\n<hr>\n<div class=\"spacer\"><\/div>\n<h3><a href=\"https:\/\/www.sketchapp.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Sketch \u2013 available only on Mac <\/a><\/h3>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: center\"><a href=\"https:\/\/www.sketchapp.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-10914\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image4.png\" alt=\"\" width=\"900\" height=\"413\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image4.png 900w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image4-300x138.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/06\/image4-768x352.png 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p>Sketch es una plataforma de dise\u00f1o digital utilizada por muchos dise\u00f1adores. Las funciones de Sketch incluyen Precisi\u00f3n, Inspector, Herramientas, Exportaci\u00f3n, Nativo y Espejo.<\/p>\n<p>Crea tus dise\u00f1os utilizando Inspector, el \u00e1rea de Sketch para redimensionar,&nbsp;desenfocar y posicionar, etc. La funci\u00f3n&nbsp;Espejo combina todos los dispositivos en la colaboraci\u00f3n en tiempo real. Si creas un dise\u00f1o en tu computadora, puedes ver el mismo dise\u00f1o en tu dispositivo m\u00f3vil. Esto ahorra tiempo y&nbsp;aumenta la productividad de tu d\u00eda.<\/p>\n<p>Fuente: \"<a href=\"https:\/\/monsterspost.com\/10-best-design-tools-ui-ux-designers\/\" target=\"_blank\" rel=\"noopener noreferrer\">10 Best Design Tools for UI\/UX Designers<\/a>\" por&nbsp; Monica Brown<\/p>\n<div class=\"spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Para los dise\u00f1adores de&nbsp;IU y UX, una forma de ahorrar&nbsp;su tiempo y a\u00fan as\u00ed crear un gran sitio web con TemplateMonster es hacerlo con m\u00faltiples herramientas de software disponibles en la web. Cuando est\u00e1s en la&nbsp;etapa de desarrollo, todo puede convertirse en un verdadero dolor de cabeza&nbsp;si no tienes herramientas adecuadas que&nbsp;puedan ayudarte.<\/p>\n","protected":false},"author":1334762,"featured_media":10830,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[26,24],"tags":[582,434],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>10 Mejores herramientas de dise\u00f1o para dise\u00f1adores de IU\/UX<\/title>\n<meta name=\"description\" content=\"Estas son 10 mejores herramientas para dise\u00f1adores web que pueden ayudar en gran medida en cualquier fase de desarrollo web.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/es\/10-mejores-herramientas-de-diseno-para-disenadores-de-iuux\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 Mejores herramientas de dise\u00f1o para dise\u00f1adores de IU\/UX\" \/>\n<meta property=\"og:description\" content=\"Estas son 10 mejores herramientas para dise\u00f1adores web que pueden ayudar en gran medida en cualquier fase de desarrollo web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/es\/10-mejores-herramientas-de-diseno-para-disenadores-de-iuux\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de TemplateMonster\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonsterEspana\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/profile.php?id=100004881674652\" \/>\n<meta property=\"article:published_time\" content=\"2018-06-05T08:56:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-12T12:54:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/UI-UX-Design-Tools.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Diane Parks\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TMonster_ES\" \/>\n<meta name=\"twitter:site\" content=\"@TMonster_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Diane Parks\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/es\/10-mejores-herramientas-de-diseno-para-disenadores-de-iuux\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/es\/10-mejores-herramientas-de-diseno-para-disenadores-de-iuux\/\"},\"author\":{\"name\":\"Diane Parks\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c\"},\"headline\":\"10 Mejores herramientas de dise\u00f1o para dise\u00f1adores de IU\/UX\",\"datePublished\":\"2018-06-05T08:56:58+00:00\",\"dateModified\":\"2022-09-12T12:54:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/es\/10-mejores-herramientas-de-diseno-para-disenadores-de-iuux\/\"},\"wordCount\":1227,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\"},\"keywords\":[\"IU\",\"UX\"],\"articleSection\":[\"Desarrollo web\",\"Dise\u00f1o web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/es\/10-mejores-herramientas-de-diseno-para-disenadores-de-iuux\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/es\/10-mejores-herramientas-de-diseno-para-disenadores-de-iuux\/\",\"url\":\"https:\/\/monsterspost.com\/es\/10-mejores-herramientas-de-diseno-para-disenadores-de-iuux\/\",\"name\":\"10 Mejores herramientas de dise\u00f1o para dise\u00f1adores de IU\/UX\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#website\"},\"datePublished\":\"2018-06-05T08:56:58+00:00\",\"dateModified\":\"2022-09-12T12:54:28+00:00\",\"description\":\"Estas son 10 mejores herramientas para dise\u00f1adores web que pueden ayudar en gran medida en cualquier fase de desarrollo web.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/es\/10-mejores-herramientas-de-diseno-para-disenadores-de-iuux\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/es\/10-mejores-herramientas-de-diseno-para-disenadores-de-iuux\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/es\/10-mejores-herramientas-de-diseno-para-disenadores-de-iuux\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"10 Mejores herramientas de dise\u00f1o para dise\u00f1adores de IU\/UX\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/es\/#website\",\"url\":\"https:\/\/monsterspost.com\/es\/\",\"name\":\"Blog de TemplateMonster\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/es\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\",\"name\":\"MonstersPost Espa\u00f1a\",\"url\":\"https:\/\/monsterspost.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonstersPost Espa\u00f1a\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/\",\"https:\/\/www.facebook.com\/TemplateMonsterEspana\",\"https:\/\/twitter.com\/TMonster_ES\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c\",\"name\":\"Diane Parks\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Diane Parks\"},\"description\":\"Diane trabja como una redactora del blog MonsterPost Espa\u00f1a desde hace muchos a\u00f1os. No imagina su vida sin escribir, aprender algo nuevo cada d\u00eda, desarollarse personalmente y profesionalmente, y compartir sus conocimientos y experiencia con los lectores del blog. \u00a1S\u00edguela en Facebook!\",\"sameAs\":[\"https:\/\/www.facebook.com\/profile.php?id=100004881674652\"],\"url\":\"https:\/\/monsterspost.com\/es\/author\/diane\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"10 Mejores herramientas de dise\u00f1o para dise\u00f1adores de IU\/UX","description":"Estas son 10 mejores herramientas para dise\u00f1adores web que pueden ayudar en gran medida en cualquier fase de desarrollo web.","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:\/\/monsterspost.com\/es\/10-mejores-herramientas-de-diseno-para-disenadores-de-iuux\/","og_locale":"es_ES","og_type":"article","og_title":"10 Mejores herramientas de dise\u00f1o para dise\u00f1adores de IU\/UX","og_description":"Estas son 10 mejores herramientas para dise\u00f1adores web que pueden ayudar en gran medida en cualquier fase de desarrollo web.","og_url":"https:\/\/monsterspost.com\/es\/10-mejores-herramientas-de-diseno-para-disenadores-de-iuux\/","og_site_name":"Blog de TemplateMonster","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterEspana","article_author":"https:\/\/www.facebook.com\/profile.php?id=100004881674652","article_published_time":"2018-06-05T08:56:58+00:00","article_modified_time":"2022-09-12T12:54:28+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/UI-UX-Design-Tools.jpg","type":"image\/jpeg"}],"author":"Diane Parks","twitter_card":"summary_large_image","twitter_creator":"@TMonster_ES","twitter_site":"@TMonster_ES","twitter_misc":{"Escrito por":"Diane Parks","Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/es\/10-mejores-herramientas-de-diseno-para-disenadores-de-iuux\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/es\/10-mejores-herramientas-de-diseno-para-disenadores-de-iuux\/"},"author":{"name":"Diane Parks","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c"},"headline":"10 Mejores herramientas de dise\u00f1o para dise\u00f1adores de IU\/UX","datePublished":"2018-06-05T08:56:58+00:00","dateModified":"2022-09-12T12:54:28+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/es\/10-mejores-herramientas-de-diseno-para-disenadores-de-iuux\/"},"wordCount":1227,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/es\/#organization"},"keywords":["IU","UX"],"articleSection":["Desarrollo web","Dise\u00f1o web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/es\/10-mejores-herramientas-de-diseno-para-disenadores-de-iuux\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/es\/10-mejores-herramientas-de-diseno-para-disenadores-de-iuux\/","url":"https:\/\/monsterspost.com\/es\/10-mejores-herramientas-de-diseno-para-disenadores-de-iuux\/","name":"10 Mejores herramientas de dise\u00f1o para dise\u00f1adores de IU\/UX","isPartOf":{"@id":"https:\/\/monsterspost.com\/es\/#website"},"datePublished":"2018-06-05T08:56:58+00:00","dateModified":"2022-09-12T12:54:28+00:00","description":"Estas son 10 mejores herramientas para dise\u00f1adores web que pueden ayudar en gran medida en cualquier fase de desarrollo web.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/es\/10-mejores-herramientas-de-diseno-para-disenadores-de-iuux\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/es\/10-mejores-herramientas-de-diseno-para-disenadores-de-iuux\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/es\/10-mejores-herramientas-de-diseno-para-disenadores-de-iuux\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/es\/"},{"@type":"ListItem","position":2,"name":"10 Mejores herramientas de dise\u00f1o para dise\u00f1adores de IU\/UX"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/es\/#website","url":"https:\/\/monsterspost.com\/es\/","name":"Blog de TemplateMonster","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/es\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/es\/#organization","name":"MonstersPost Espa\u00f1a","url":"https:\/\/monsterspost.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonstersPost Espa\u00f1a"},"image":{"@id":"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/","https:\/\/www.facebook.com\/TemplateMonsterEspana","https:\/\/twitter.com\/TMonster_ES"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c","name":"Diane Parks","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Diane Parks"},"description":"Diane trabja como una redactora del blog MonsterPost Espa\u00f1a desde hace muchos a\u00f1os. No imagina su vida sin escribir, aprender algo nuevo cada d\u00eda, desarollarse personalmente y profesionalmente, y compartir sus conocimientos y experiencia con los lectores del blog. \u00a1S\u00edguela en Facebook!","sameAs":["https:\/\/www.facebook.com\/profile.php?id=100004881674652"],"url":"https:\/\/monsterspost.com\/es\/author\/diane\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/10818"}],"collection":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/users\/1334762"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/comments?post=10818"}],"version-history":[{"count":5,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/10818\/revisions"}],"predecessor-version":[{"id":25638,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/10818\/revisions\/25638"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/media\/10830"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/media?parent=10818"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/categories?post=10818"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/tags?post=10818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}