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 tutorials:

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

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

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

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

  5. ¿Qué es Adobe XD?

    ¿Qué es Adobe XD?

    Tutorial Beginner

    Adobe XD es una herramienta basada en vectores para el diseño de UI y UX y se puede usar para diseñar cualquier cosa, desde aplicaciones para smartwatches...

  6. 30 plantillas WordPress GRATIS y premium de diseño interior

    30 plantillas WordPress GRATIS y premium de diseño interior

    Tutorial Beginner

    Las plantillas WordPress de diseño interior son lo que necesitas para construir increíbles webs de interiorismo. Aquí tienes grandes páginas de diseño de...

  7. Más de 15 cursos y  tutoriales gratuitos de Adobe XD

    Más de 15 cursos y tutoriales gratuitos de Adobe XD

    Tutorial Beginner

    ¿Estás empezando con Adobe XD, o estás buscando algunos consejos y trucos para mejorar tus habilidades? Esta colección de tutoriales y cursos gratuitos te...

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

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

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

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

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