Learn UI Design

Dive into the art of UI design. Read these tutorials to master color theory, layout, typography, and more. Create stunning user interfaces that delight users.

All UI Design content:

  1. Cómo crear un efecto de vidrio esmerilado en Figma

    Cómo crear un efecto de vidrio esmerilado en Figma

    Tutorial Beginner

    En este consejo breve, aprenderás a crear un efecto de vidrio esmerilado (o cubierto de escarcha) en Figma. Este es un efecto muy popular y en realidad es...

  2. Una guía rápida de los ajustes de relleno de imagen de Figma

    Una guía rápida de los ajustes de relleno de imagen de Figma

    Tutorial Beginner

    En este tutorial, aprenderás todos sobre los ajustes de relleno de imagen de Figma. Existen 4 en total, cada uno de los cuales te permite manipular la imagen...

  3. 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...

  4. 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...

  5. 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...

  6. 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.

  7. 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...

  8. 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.

  9. Cómo diseñar una app de finanzas
Proceso de registro en Sketch

    Cómo diseñar una app de finanzas Proceso de registro en Sketch

    Tutorial Beginner

    En este tutorial revisaremos el diseño del proceso de registro en una aplicación para móviles. En específico, diseñaremos la pantalla de inicio de sesión de...

  10. Cómo editar archivos PSD en línea con Bannersnack

    Cómo editar archivos PSD en línea con Bannersnack

    Tutorial Beginner

    En este tutorial aprenderás cómo editar archivos PSD, en el navegador, sin usar Adobe Photoshop. Es posible gracias a una herramienta llamada Bannersnack,...

  11. Cómo diseñar una UI para una aplicación de condición física

    Cómo diseñar una UI para una aplicación de condición física

    Tutorial Intermediate

    En este tutorial de Sketch aprenderás cómo diseñar una interfaz para una aplicación de condición física.

  12. Figma vs. Adobe XD en el 2020

    Figma vs. Adobe XD en el 2020

    Tutorial Beginner

    Figma y Adobe XD han estado compitiendo desde el lanzamiento de XD en el 2016. Al principio, la competencia no era tan fuerte, ya que los primeros...