Learn UX/UI

Try these UX and UI tutorials to learn the principles of user-centered design, prototyping, and wireframing. Learn to craft beautiful and intuitive user interfaces.

Getting started with UX/UI

  • 8 Usability Heuristics (Explained With Toasters)

    8 Usability Heuristics (Explained With Toasters)

    Maddy Beard
  • What is Information Architecture? (UX Tips and Examples)

    What is Information Architecture? (UX Tips and Examples)

    Andrea Eppy
  • All UX/UI tutorials:

    1. 4 formas de cambiar el tamaño de los elementos en Figma

      4 formas de cambiar el tamaño de los elementos en Figma

      Tutorial Beginner

      En este consejo rápido te mostraré 4 maneras de cambiar el tamaño de los elementos en Figma, en caso de que el método predeterminado no se comporte como...

    2. ¿Qué son las migas de pan en WordPress?

      ¿Qué son las migas de pan en WordPress?

      Tutorial Beginner

      En este tutorial, explicaré todo lo que necesitas saber para comenzar a utilizar migas de pan (también conocidas como breadcrumbs, en inglés) en WordPress.

    3. 6 buenas prácticas para crear un menú desplegable responsive

      6 buenas prácticas para crear un menú desplegable responsive

      Tutorial Beginner

      En esta guía, vamos a ver algunas de las mejores prácticas a seguir y un par de ejemplos de código que puedes usar al construir menús responsive desplegables.

    4. Cómo agregar fuentes nuevas a WordPress

      Cómo agregar fuentes nuevas a WordPress

      Tutorial Intermediate

      ¿Quieres que tu sitio web de WordPress se destaque de entre la multitud?

    5. Cómo crear una plantilla para sitio web de currículum vitae en Adobe XD

      Cómo crear una plantilla para sitio web de currículum vitae en Adobe XD

      Tutorial Intermediate

      En este tutorial de Adobe XD aprenderás cómo crear un diseño de página web para currículum vitae usando una plantilla. También aprenderás cómo animar partes...

    6. Cómo crear un diseño de interfaz de usuario para una aplicación de finanzas en Adobe XD

      Cómo crear un diseño de interfaz de usuario para una aplicación de finanzas en Adobe XD

      Tutorial Beginner

      En este tutorial aprenderás a crear un diseño de una aplicación de finanzas en Adobe XD y (lo que es más importante) cómo animar fácilmente partes de tu...

    7. Cómo personalizar Contact Form 7 en WordPress con un SVG hecho a mano

      Cómo personalizar Contact Form 7 en WordPress con un SVG hecho a mano

      Tutorial Intermediate

      En un tutorial anterior aprendiste cómo crear un formulario SVG responsivo hecho a mano. Hoy, iremos un paso más adelante y lo volveremos dinámico.

    8. Cómo añadir y editar categorías en WordPress

      Cómo añadir y editar categorías en WordPress

      Tutorial Beginner

      Las categorías son una parte crucial en la forma en que WordPress organiza las entradas (posts), las páginas y muchas otras cosas. En este tutorial...

    9. Cómo crear un diseño de interfaz de usuario de aplicación de reproductor de música en Adobe XD

      Cómo crear un diseño de interfaz de usuario de aplicación de reproductor de música en Adobe XD

      Tutorial Intermediate

      En este tutorial de Adobe XD aprenderás cómo crear un diseño de interfaz de usuario de reproductor de música.

    10. Cómo cambiar la fuente en WordPress

      Cómo cambiar la fuente en WordPress

      Tutorial Beginner

      En este tutorial aprenderás cómo cambiar las fuentes en WordPress. Te mostraré un par de formas diferentes en las que puedes hacerlo, ¡así que comencemos!

    11. Cómo crear un diseño de UI para reservaciones de hotel en Adobe XD

      Cómo crear un diseño de UI para reservaciones de hotel en Adobe XD

      Tutorial Intermediate

      En este tutorial aprenderás cómo crear un diseño para reservaciones de hotel en Adobe XD. Al tratarse de Adobe XD, podremos hacer mucho más que sólo un...

    12. Cómo diseñar una UI para una aplicación de diseño de autos en Sketch

      Cómo diseñar una UI para una aplicación de diseño de autos en Sketch

      Tutorial Intermediate

      En este tutorial de Sketch aprenderás cómo diseñar una UI para una aplicación de autos.