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. Más de 15 mejores kits de interfaz de usuario móvil para Android

      Más de 15 mejores kits de interfaz de usuario móvil para Android

      Tutorial Beginner

      Si alguna vez has tenido que diseñar una nueva aplicación móvil, entonces sabrás lo difícil, laborioso y consumidor que es. Para bajarte esa carga de...

    2. Crea el diseño de un carrito de compras con la función Auto Layout de Figma

      Crea el diseño de un carrito de compras con la función Auto Layout de Figma

      Tutorial Beginner

      Los siguientes pasos te enseñarán sobre la función Auto Layout en Figma, miraremos detenidamente sus nuevas características mientras diseñamos la...

    3. Cómo usar el panel de inspección de Figma

      Cómo usar el panel de inspección de Figma

      Tutorial Beginner

      ¡Vamos a diseñar una aplicación de agenda en Figma! Al hacer esto, trabajaremos con el panel Inspect de Figma, explicando cómo exportar un diseño de...

    4. Crear un sistema de diseño Figma: botones, enlaces, iconos e imágenes

      Crear un sistema de diseño Figma: botones, enlaces, iconos e imágenes

      Tutorial Beginner

      Este es el último de nuestra serie de tutoriales de diseño de Figma sistema! En él, vamos a estar trabajando en este tema de WordPress cartera minimalista:

    5. Cómo personalizar Contact Form 7 para WordPress: etiquetas flotantes

      Cómo personalizar Contact Form 7 para WordPress: etiquetas flotantes

      Tutorial Intermediate

      Es posible que hayas visto formularios en los que el texto marcador de posición es animado cuando comienzas a escribir en ese campo de entrada. Este patrón...

    6. Creación de un sistema de diseño en Figma: colores y formas

      Creación de un sistema de diseño en Figma: colores y formas

      Tutorial Beginner

      En este, el segundo de nuestra serie de tutoriales sobre un sistema de diseño en Figma, trabajaremos en este tema de WordPress para blog de noticias de...

    7. 21 consejos para el diseño de UI que te harán un mejor diseñador

      21 consejos para el diseño de UI que te harán un mejor diseñador

      Tutorial Beginner

      ¿Deseas aprender a diseñar interfaces de usuario o mejorar tus habilidades en su diseño? ¡Entonces estás en el lugar correcto! Si bien los fundamentos son un...

    8. Qué fuentes están de moda ahora y tendencias de fuentes tipográficas para 2021

      Qué fuentes están de moda ahora y tendencias de fuentes tipográficas para 2021

      Tutorial Beginner

      Ahora que se acerca el fin de año, es hora de conocer algunas nuevas tendencias de fuentes. El próximo año parece que será un crisol ecléctico y...

    9. Cómo usar las nuevas funciones de Auto Layout de Figma

      Cómo usar las nuevas funciones de Auto Layout de Figma

      Tutorial Beginner

      En este video, ¡te enseñaré cómo las nuevas y mejoradas funciones de Auto Layout de Figma hacen que diseñar componentes y diseños responsivos sea más...

    10. Cómo usar los roles, propiedades y estados de ARIA en HTML

      Cómo usar los roles, propiedades y estados de ARIA en HTML

      Tutorial Beginner

      En este tutorial de accesibilidad para principiantes vamos a aprender qué es ARIA, por qué es necesario escribir nuestro HTML teniendo en cuenta ARIA,...

    11. Cómo crear un diseño de sitio web médico o de salud en Figma

      Cómo crear un diseño de sitio web médico o de salud en Figma

      Tutorial Intermediate

      En el siguiente tutorial aprenderás a crear un diseño de sitio web médico en Figma.

    12. Cómo turboalimentar tus componentes con variantes de Figma

      Cómo turboalimentar tus componentes con variantes de Figma

      Tutorial Intermediate

      En este tutorial, aprenderás a usar variantes en Figma. Las variantes son una característica de Figma relativamente nueva; con ellas puedes agrupar y...