# data[].attributes.body
Sketch

Sketch fue la primera herramienta de diseño de interfaz. Su punto fuerte no solo es que está creada por diseñadores para diseñadores, sino que cuenta con una comunidad de usuarios y desarrolladores de plugins o extensiones que complementan sus funcionalidades perfectamente. Además, sus desarrolladores realizan actualizaciones periódicamente con nuevas funcionalidades y correcciones de errores, por lo que están mejorando el programa constantemente.

# data[].attributes.body
Framer X

Framer X es la evolución mejorada de Framer Studio. En este software de diseño de interfaces han añadido un editor gráfico más potente que permite crear ilustraciones en formato SVG y exportarlas.

Si eres un diseñador UI experimentado y deseas ir más allá con tus herramientas, este puede ser el software para crear interfaces ideal para ti.

Lo que la diferencia de otras herramientas de diseño de interfaces es la posibilidad de interactuar con el código y crear componentes muy avanzados gracias a React.js

# data[].attributes.body
Adobe XD

Adobe XD es un software usado para crear y compartir interfaces, tanto para páginas web como para aplicaciones, aunque originalmente este software de diseño de interfaces fue lanzado al mercado con el nombre de Project Comet en 2015. Hasta ese momento no existía en Adobe ningún software específico para diseñar la experiencia de usuario.

Es una buena opción si ya eres usuario de la suite de programas de Adobe.

# data[].attributes.body
Figma

Este software para diseño de interfaces apareció a finales de 2015 y se posicionó rápidamente al ser el primero en tener colaboración en tiempo real.

Funciona en línea, por lo que permite la colaboración en vivo de todos los miembros del equipo. Incluye herramientas vectoriales para ilustrar, crear prototipos y la generación de código para el traspaso (hand-off).

# data[].attributes.body
HotGloo

Esta es una de las herramientas de diseño de interfaces más populares y completas, ya que cuenta con una gran biblioteca, herramientas de colaboración y plantillas para crear un prototipo de interfaz.

Su interfaz es muy amigable y está diseñada en función del usuario, por lo que es cómoda para visualizar procesos de planificación, y construir o probar interacciones de manera muy sencilla.

Puedes visualizar los proyectos desde tu dispositivo móvil e invitar a tu equipo a colaborar.

# data[].attributes.body
Mockup Builder

Es una herramienta gratuita de Microsoft integrada en MS Silverlight que está pensada para crear maquetas de páginas web y software.

La versión gratuita presenta algunas limitaciones en la cantidad de elementos disponibles

# data[].attributes.body
InVision

Una herramienta de prototipado muy potente creada para especialistas en diseño web y pensada por diseñadores.

Lo que la distingue de otras herramientas de diseño de interfaces es que es muy intuitiva, tanto para el diseñador de prototipos como para el cliente. Además, brinda la posibilidad de compartir y comentar un proyecto en tiempo real con el cliente, facilitando el feedback y agilizando los procesos.

Entre los principales beneficios de InVision se encuentran:

Presentación como si fuera una web real.

Mejor calidad de feedback del cliente.

Permite revisión en tiempo real.

Tiene versión móvil.

Cuenta con historial de contenido.

# data[].attributes.body
Mockingbird

Este es un software para diseño de interfaces que no requiere instalación local y es ideal para que usuarios con menos experiencia puedan crear mockups, ya que ofrece una selección de 90 módulos y componentes diferentes.

La ventaja que más se destaca en esta herramienta de prototipado es la posibilidad de enlazar y compartir las maquetas y páginas.

# data[].attributes.body
Balsamiq

Es un programa de escritorio por lo que solo tienes que registrarte para comenzar a crear tu primer prototipo de interfaz. Se centra, principalmente, en el wireframing y se caracteriza por una estética que simula estar dibujada a mano alzada.

# data[].attributes.body
Diseño de interfaces