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:

Filters

UI Design

Cómo usar las nuevas funciones de Auto Layout de Figma

Tutorial • Beginner

En este video, ¡te enseñaré cómo las nuevas y mejoradas funciones de Auto Layout de Figma hacen que diseñar componentes y diseños responsivos sea más...

Adi Purdila • 30 Nov 2020
UI Design

Cómo crear un diseño de sitio web médico o de salud en Figma

Tutorial • Intermediate

En el siguiente tutorial aprenderás a crear un diseño de sitio web médico en Figma.

Andrei Marius • 17 Nov 2020
UI Design

Cómo turboalimentar tus componentes con variantes de Figma

Tutorial • Intermediate

En este tutorial, aprenderás a usar variantes en Figma. Las variantes son una característica de Figma relativamente nueva; con ellas puedes agrupar y...

Andrei Marius • 13 Nov 2020
Design Systems

Mejores sistemas de diseño con Adobe XD para Visual Studio Code

Tutorial • Beginner

En este consejo rápido voy a mostrarte cómo crear paquetes de sistema de diseño (o DSP) con Adobe XD y una nueva extensión para Visual Studio Code.

Adi Purdila • 27 Oct 2020
Prototyping

Cómo usar las transformaciones 3D en Adobe XD

Tutorial • Beginner

En este tutorial, explicaré cómo utilizar las transformaciones 3D en Adobe XD. Esta es una nueva función que ha sido presentada en Adobe MAX en octubre de...

Adi Purdila • 27 Oct 2020
UI Design

Cómo trabajar con componentes, Auto Layouts y contenido dinámico en Figma

Tutorial • Beginner

Como diseñador de UI, Figma puede ahorrarte mucho tiempo. En este tutorial práctico, aprenderás cómo ahorrar tiempo y esfuerzo trabajando con componentes...

Andrei Marius • 13 Oct 2020
Design Systems

Creación de un sistema de diseño en Figma: tipografía, espaciado y tamaño

Tutorial • Beginner

En este, el primero de una serie de tutoriales, aprenderás a crear un sistema de diseño en Figma. Hace poco diseñé este tema de jardinería para WordPress.

Adi Purdila • 28 Sep 2020
UI Design

Cómo crear pantallas de inicio de sesión para una plantilla de aplicación de citas en Figma

Tutorial • Beginner

En este tutorial de Figma aprenderás a crear pantallas de acceso y de inicio de sesión para una plantilla de aplicación de citas. ¡Aquí hay una vista...

Andrei Marius • 25 Sep 2020
Wireframing

Guía para principiantes sobre cómo hacer un wireframe

Tutorial • Beginner

Los wireframes son vitales en cualquier proceso de diseño de pantallas. Aprende más de qué es un wireframe y cómo hacer uno con este artículo.

Winnie Lim • 16 Sep 2020
UI Design

Cómo cambiar varios colores al mismo tiempo en Figma

Tutorial • Beginner

En este breve consejo de Figma, aprenderás a cambiar varios colores al mismo tiempo. Esto es un gran ahorro de tiempo y de hecho es una de mis funciones...

Adi Purdila • 19 Aug 2020
UI Design

Cómo corregir sombras recortadas o elementos desbordados en Figma

Tutorial • Beginner

En este consejo rápido, te enseñaré cómo corregir las sombras recortadas y los elementos desbordados que en ocasiones ocurren en Figma. Esto puede ser un...

Adi Purdila • 17 Aug 2020
UI Design

Atajos esenciales de Figma para trabajar eficientemente

Tutorial • Beginner

Estos atajos esenciales de Figma aumentarán tu productividad y te permitirán trabajar de manera más eficiente. Son mis recomendaciones personales y las uso...

Adi Purdila • 31 Jul 2020