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.

All UX/UI content:

  1. 25+ Plantillas WordPress para Portafolio Digital de Diseño Gráfico (GRATIS y Premium)

    25+ Plantillas WordPress para Portafolio Digital de Diseño Gráfico (GRATIS y Premium)

    Tutorial Beginner

    Para captar clientes necesitas un portafolio digital. Aquí una lista con los mejores temas WordPress para portafolio de diseñadores gráficos y temas gratis.

  2. Mejores plugins de WordPress para construir formularios en 2019

    Mejores plugins de WordPress para construir formularios en 2019

    Tutorial Beginner

    Si tienes un sitio creado con WordPress, los formularios son un elemento indispensable para crear una experiencia de usuario satisfactoria y para aumentar...

  3. De la A a la Z de Sketch: ¡Consejos y Trucos!

    De la A a la Z de Sketch: ¡Consejos y Trucos!

    Tutorial Beginner

    Deja que te muestre algunos consejos y trucos rápidos en Sketch para Mac. Veremos 26 consejos y trucos de Sketch de la A a la Z.

  4. ¿Qué es el diseño UX?

    ¿Qué es el diseño UX?

    Tutorial Beginner

    El diseño de experiencia de usuario (UX) se ha vuelto una de las principales profesiones de la década, y los diseñadores de UX poseen algunas de las...

  5. Cómo utilizar las variantes de Figma

    Cómo utilizar las variantes de Figma

    Tutorial Beginner

    Las variantes de Figma le ahorran el dolor de cabeza de buscar entre miles de componentes, tratando de encontrar el adecuado para su diseño. Le permiten...

  6. Cómo hacer una aplicación de estructura metálica, diagrama de flujo, logotipo y prototipo con Mockitt

    Cómo hacer una aplicación de estructura metálica, diagrama de flujo, logotipo y prototipo con Mockitt

    Tutorial Beginner

    Sin duda, ya estás familiarizado con las herramientas de diseño y creación de prototipos como Figma, Adobe XD y Sketch; herramientas de wireframing como...

  7. Cómo recrear la etiqueta flotante de Material Design

    Cómo recrear la etiqueta flotante de Material Design

    Tutorial Beginner

    Cuando se trata de crear formularios en páginas web, la accesibilidad y el diseño deben ir de la mano.  Idealmente, cada campo de entrada deberías tener...

  8. Mejores estilos de focus con la pseudoclase :focus-visible de CSS

    Mejores estilos de focus con la pseudoclase :focus-visible de CSS

    Tutorial Beginner

    En este consejo rápido, te voy a mostrar cómo crear mejores estilos de focus en los elementos de los formularios con una pseudoclase de CSS llamada...

  9. Las 13 Mejores Fuentes Web que Lucen Geniales en Letras Pequeñas

    Las 13 Mejores Fuentes Web que Lucen Geniales en Letras Pequeñas

    Tutorial Beginner

    ¿Buscas las mejores tipografías para web que te ofrezcan buen aspecto y versatilidad? Te presentamos algunas de nuestras favoritas para tu página.

  10. De la A a la Z de Adobe XD: ¡consejos y trucos!

    De la A a la Z de Adobe XD: ¡consejos y trucos!

    Tutorial Beginner

    Permite que te muestre algunos consejos y trucos rápidos para Adobe XD. Veremos 26 funciones, consejos y trucos de Adobe XD de la A a la Z.

  11. Cómo ocultar/mostrar una cabecera fija durante el desplazamiento de la página con JavaScript

    Cómo ocultar/mostrar una cabecera fija durante el desplazamiento de la página con JavaScript

    Tutorial Intermediate

    ¿Alguna vez has visto una de esas barras de cabecera fijas (o «pegajosas») que desaparecen cuando empiezas a desplazarte por la página, y vuelven a aparecer...

  12. Organiza tus activos de diseño como un profesional con la app Eagle

    Organiza tus activos de diseño como un profesional con la app Eagle

    Tutorial Beginner

    Eagle App resuelve una de las partes más difíciles de ser un diseñador; organiza adecuadamente los activos de diseño (como imágenes, iconos y fuentes),...