¿Cuáles son tus 5 mejores complementos de diseño de UX en Sketch?

Aquí están mis 5 mejores, pero como con todas las cosas, depende de dónde trabajes, cómo trabajes y con quién trabajes. Como tal, siempre debe elegir la herramienta adecuada para el trabajo, no solo copiar lo que otra persona está haciendo.

  1. Zeplin: una excelente manera de compartir maquetas con desarrolladores y otros miembros del equipo para recopilar comentarios.
  2. Marvel: herramienta de creación de prototipos súper fácil de usar que puede no tener toda la funcionalidad que tienen InVision o UXPin, pero en mi opinión es la forma más rápida de convertir sus wireframes en prototipos clicables. Gratis para un solo proyecto también.
  3. Craft: complemento creado por InVision Labs que tiene algunas características realmente útiles para sobrealimentar sus diseños con imágenes reales, nombres de personas, copias falsas, crear guías de estilo y contenido duplicado. Además (gracias a una actualización reciente, le permite crear prototipos directamente dentro de Slack.
  4. Presentador mágico: finalmente, no más exportar todos sus diseños y luego pasar una edad poniéndolos en Keynote para presentarlos a las partes interesadas.
  5. Sketch-to-Trello: utilizamos Trello para administrar nuestro flujo de trabajo de desarrollo, por lo que poder exportar diseños directamente a tickets es muy útil, aunque a veces solo hago referencia a los enlaces de Zeplin, pero eso requiere que mi equipo salte entre herramientas …

Esperamos ver cuáles son los Top 5 de todos los demás. Comentarios bienvenidos.

Lograr un diseño web atractivo y atemporal siempre ha sido la necesidad de cada diseñador web. Sin embargo, la facilidad de diseño también se ha presentado considerando que es el aspecto clave de los diseños modernos. Por lo tanto, el objetivo principal es generar calidad, cantidad y, al mismo tiempo, eficiencia. Y por la misma razón, los diseñadores siempre miran a través de diversas herramientas útiles para mantener su bola rodando sin mucha dificultad.

Después de conocer los requisitos previos principales, como los lenguajes de scripting y marcado, CSS, etc., un diseñador debe ser consciente de utilizar algunas herramientas útiles para acelerar su tarea.

Ahora familiarícese con algunas herramientas más constructivas para combinar con cualquier diseño prolífico y bohemio.

Atomic: esta es una de las herramientas de diseño más versátiles, ya que permite diseñar en nuestro navegador de Mac o Windows, pero se puede ver en cualquier tipo de dispositivo. Varias características sobresalientes de Atomic incluyen el diseño de prototipos en diferentes plataformas, control de versiones, características de colaboración que lo convierten en una herramienta excelente para un diseño fluido, rápido e iterativo.

Macaw : Macaw es una herramienta de diseño web destinada a aprender códigos fácilmente y también agrega muchos sabores al diseño. Genera códigos HTML y CSS en segundo plano a medida que lo utiliza. Aparentemente, puede que no resulte fructífero en las implementaciones de WordPress, pero puede generar principalmente diseños de demostración para proyectos propuestos. Algunos otros atributos de Macaw incluyen su capacidad para crear diseños completamente receptivos, puntos de interrupción personalizados y pruebas de diseño. Otra ventaja de usar Macaw es que está disponible de forma gratuita.

JotForm : cuando hablamos de prototipos de diseño de materiales, Form debería ser la primera opción como kit de herramientas de creación de prototipos. Permite crear prototipos para varios dispositivos y proporcionar características para incluir efectos de animación y diseño interactivo para los sitios web. Esta característica es beneficiosa cuando desea presentar un sitio web de demostración a su cliente.

UXPin : UXPin es una de las mejores herramientas de diseño que lleva desde la etapa de planificación hasta obtener comentarios del cliente y proceder en consecuencia. Permite trazar alambres gruesos y termina creando prototipos completamente interactivos y diseño final. Además, UXPin puede permitirle explorar a través de una serie de plantillas predefinidas o trabajar en nuevas plantillas. Pixate: – Pixate simplifica la técnica de crear aplicaciones móviles viables y prototipos de sitios web basados ​​en dispositivos móviles. No hay necesidad de escribir ningún código. Simplemente conectando cualquier dispositivo móvil con cualquier sistema operativo, uno puede crear el diseño en su escritorio y obtener una vista previa en el teléfono inteligente. Pixate está asociado con la cartera de Google y está disponible de forma gratuita. Otra característica distintiva de Pixate es que la mayoría de las demostraciones móviles son indígenas y, por lo tanto, se pueden realizar varias pruebas en la vista previa en vivo.

Hay una variedad de herramientas en línea que se pueden usar con tacto y según las especificaciones del diseño. Las herramientas de las que he hablado son las más populares y probablemente la mejor elección de diseñadores. Uno puede investigar y analizar cuál es el mejor y más eficiente dependiendo de las funcionalidades.

Para UX:

  1. Maquetas de Balsamiq
  2. Herramienta de prototipos de maquetas en línea, estructura alámbrica e interfaz de usuario · Moqups

PARA UI:

  1. Proto.io – Prototipos que se sienten reales
  2. Web gratuita y prototipos móviles (Web, iOS, Android) y herramienta de maqueta de UI | InVision
  3. Bosquejo

En realidad, estos son más que suficientes.

Hola amigo, aquí hay algunos de los muchos complementos que uso en la aplicación Sketch. No digo que sean los mejores, pero para mí y la naturaleza del trabajo que hago, estos complementos facilitan mi trabajo en gran medida. ¡Pruébalo si aún no lo has hecho!

Sketch Data Studio

  • Para visualizar la presentación de datos en sus wireframes, ofrece un conjunto de datos de gran tamaño y puede personalizarlo. Diferentes gráficos, etc.

RightFont

  • ¡Sí, tiene usted razón! ¿Cómo puede ser un diseñador subestimar el poder de las fuentes hermosas? RightFont es esta excelente forma de administrar las fuentes en su aplicación.

Marvel Sketch

  • Cuando haya terminado con sus excelentes estructuras metálicas, le ayudará a exportar sus mesas de trabajo directamente a la aplicación Marvel y podrá crear estructuras metálicas en las que se pueda hacer clic. ¿No es genial?

Generador de contenido

  • Le permite crear rápidamente datos ficticios como avatares, nombres, datos de ubicación geográfica, etc. Este gran complemento se encarga de todo lo que necesita para crear todos sus datos ficticios.

Sketch-Android-Assets

  • Este es mi mejor amigo hasta ahora. Si está diseñando para Android, este complemento seguramente le ahorrará su valioso tiempo. Aunque para instalar y usar se requiere poco aprendizaje, pero confía en mí, es uno de los mejores complementos en uso hasta ahora.

Avíseme si me ha quedado algún excelente plugin de Sketch.

Por favor, vea mi publicación de Instagram – @creative_beast • Fotos y videos de Instagram

¡Gracias! Manish

Los principales complementos de bocetos de UX incluyen:

Zeplin: transferencia de diseño

Craft: Autocompletar con datos reales

zeroheight: Crear página de inicio de la guía de estilo

diseño automático: permite un diseño receptivo

fontawesome: inserte directamente los iconos de fontawesome

Un novato

Confeti: genera patrones de confeti

  1. Zeplin
  2. FontAwesome para iconos.
  3. Sketch-Notebook para anotar interacciones.