¡50% Dto. Por tiempo limitado!

Curso de Auto Layout

+782 Estudiantes activos

Aprende a crear diseños fáciles de programar, gracias al uso correcto del Auto Layout.

2 Horas 21 minutos

14 Clases

5 Módulos
Certificado de finalización
Actualizaciones gratis
Recursos descargables
Online a tu propio ritmo
El descuento termina en:
--
Horas
:
--
Min
:
Seg
¿Qué aprenderás en este curso?

Estructura profesional en tus diseño

Aprenderás las buenas practicas para saber cómo y donde aplicar el Auto Layout en tus diseños.

Diseña proyectos programables

Sabrás diseñar y estructurar interfaces que sean fáciles de programar para los equipos de desarrollo.

Responsive Design

Lograrás pasar cualquier proyecto a su versión responsive en cuestión de minutos al entender el funcionamiento correcto del Auto Layout.

Proyecto real

Al terminar habrás logrado crear la estructura de un proyecto real completamente con Auto Layout la cual podrás aplicar y escalar para todo tipo de proyectos.

Variables en Figma

Aprenderás a utilizar las nuevas variables y a combinarlas con el Auto Layout para crear diseños responsive

Proyecto del curso

En este curso nos enfocaremos a trabajar cada una de la funcionalidad del nuevo Auto Layout, al final estaremos construyendo la interfaz de Airbnb completamente con Auto Layout pasando por todas sus versiones "Desktop, tablet y mobile".

¿Por qué debería tomar este curso?

El Auto Layout simplifica el proceso de diseño al permitir la creación de diseños responsivos y flexibles. Con Auto Layout, los elementos dentro de un diseño pueden ajustarse automáticamente según el contenido o el tamaño de la pantalla, lo que ahorra tiempo y garantiza una experiencia de usuario consistente en diferentes dispositivos.

Una de sus ventajas es la capacidad de diseñar con precisión y coherencia. Auto Layout garantiza que los elementos se alineen y se distribuyan uniformemente, manteniendo la estética del diseño en todas las vistas y dispositivos. Esto es crucial para crear interfaces atractivas y funcionales.

Además, aprender Figma y Auto Layout es esencial para mantenerse competitivo en la industria del diseño. Muchas empresas valoran el dominio de estas herramientas y habilidades, lo que puede traducirse en oportunidades laborales y salarios competitivos.

El Auto Layout es una inversión valiosa para cualquier diseñador. Facilita la colaboración, mejora la eficiencia del diseño y permite crear experiencias de usuario de alta calidad y consistentes en diferentes dispositivos. Para mantenerse relevante y avanzar en la industria del diseño, dominar estas herramientas es imprescindible.

¿Para quién es este curso?

Este curso es ideal para cualquier persona que desea dominar y conocer todo el potencial del Auto Layout dentro de Figma. No necesitas saber absolutamente nada para entrar, tampoco importa si ya tienes conocimientos previos.

Testimonios de estudiantes
Nahaidi León
🇲🇽
UX/UI Designer
Desde que inicié mi camino en el Diseño UX/UI, los videos de Cristopher siempre han sido una gran fuente de inspiración. Ahora, tras haber tenido la oportunidad de participar en su curso, puedo decir con total confianza que lo recomiendo muchísimo. Sus clases son prácticas, claras y están diseñadas para ayudarte a aplicar lo aprendido desde el primer momento.
Leslie Gutiérrez
🇨🇱
UX/UI Designer
Creo que tus cursos son un gran aporte para la comunidad de diseño UX/UI. Tanto los cursos, el material que proporcionas, la información que compartes y, sobre todo, la claridad con la que enseñas son realmente excelentes. Siempre que veo tus videos para aprender o reforzar algún tema, pienso en lo genial que sería tener siempre compañeros de trabajo como tú: personas que inspiren, guíen y compartan su conocimiento de una manera tan clara y sencilla. Eres un gran aporte para la comunidad UX.
Paola Medina
🇺🇾
UX/UI Designer
El curso me pareció muy bueno, yo ya venía con bases UX/UI. Y había realizado un curso de profesional Ux designer en Google. Me sirvió para reforzar el conocimiento previo y me gustan mucho los tips que das en las clases. ¡Gracias por compartir tu conocimiento!
María Campo
🇨🇴
UX/UI Designer
Lo más interesante de este curso fue aprender a trabajar de manera organizada teniendo resultados más ágiles e intuitivos en el diseño de nuevos proyectos
Joaquin Carnero
🇵🇪
UX/UI Designer
Me gusto mucho en la parte donde explicas paso a paso de construcción de un proyecto de UX/UI, los diferentes tipos de etapas que tiene el UX.
Luana Cabaleiro
🇦🇷
Estudiante
Me gustó mucho la claridad en las explicaciones, y lo concreto. Estoy adentrandome en el mundo ux/ui, vengo de una rama muy distinta, y fue de gran ayuda. También que me dieron ganas de seguir aprendiendo y mirar mas videos de Cristopher.
Paola Zapata
🇦🇷
UX/UI
Me encantó poder crear componentes interactivos, así no tengo que hacer varias pantallas para representar cambios de estado. La nueva clase de variables me resultó muy interesante, pues yo como Diseñadora UX/ UI, trabajo en una Fintech y los números son el pan de cada día.
Valeria Cervantes
🇲🇽
UX/UI
Este curso es todo lo que necesitaba para aumentar mis habilidades en el uso de Figma y la creación de un sistema de diseño. Cris es un máster y tiene el don de enseñar cada uno de los temas de manera sencilla y concreta.
Sara Rave
🇨🇴
UX/UI
¡Hola Cristopher! Me gustó mucho la manera sencilla y amena con la que enseñas este tipo de temas. El Auto Layout puede parecer intimidante, pero si se aborda desde la lógica y la practicidad como lo haces en tu curso, es fácil convertirlo en un gran aliado para el trabajo del día a día.
Yure Villabona
🇨🇴
UX/UI
Voy con muchísimo conocimiento en mi cabeza, que estoy poniendo en práctica ya. Tanto en mis proyectos personales como en mi trabajo, muchas gracias por compartirnos de tu conocimiento y apoyarnos en mejorar constantemente.
Temario del curso

Módulo 1

1 - Bienvenida

2 - ¿De dónde nace el Auto Layout?

Módulo 2

3 - Dirección

4 - Espaciado, alineación y padding

5 - Fix, Fill container y Hug contentent

6 - Creación de componentes responsive

Módulo 3

7 - Configuraciones avanzadas del Auto Layout

8 - Tamaños máximos y mínimos

Módulo 4

9 - Creando un proyecto 100% con Auto Layout, Parte - 1

10 - Creando un proyecto 100% con Auto Layout, Parte - 2

11 - Creando un proyecto 100% con Auto Layout, Parte - 3

12 - Variables en Figma - Crea componentes Responsive con Variables y Auto Layout

Módulo 5

13 - Conclusiones y despedida

14 - Testimonios

¿Además del curso que otro tipo de ayuda recibiré?

Respuestas a tus dudas

En cada clase podrás dejar todas tus dudas y personalmente te ayudaré a resolverlas.

Actualizaciones gratis

Cuando algo importante cambie, recibirás actualizaciones y clases nuevas sin costo.

Recursos descargables

Tendrás acceso a material exclusivo y archivos de Figma, que te ayudarán a hacer tu trabajo más fácil y rápido.

Certificado del curso

Al terminar el curso podrás solicitar tu certificado para comprobar que has completado el 100% del contenido

Curso de Auto Layout
Inscríbete por $37 USD
$74 USD
Comprar
El descuento termina en:
--
Horas
:
--
Min
:
Seg

Paquetes de cursos

Aprende más gastando menos, elige el paquete que mejor se ajuste a tus objetivos.

DesignerPack

Pago único. Acceso de por vida.
$97.99 USD
50% Dto.
Precio anterior $196 USD
Este paquete te da acceso únicamente a 5 cursos.
(Los cursos ya están definidos y no se pueden cambiar).
Incluye 6 meses de Figma Pro
(No renovable)
Curso de UX/UI Design
Curso de AutoLayout
Curso de Prototipado y animación
Curso de Sistemas de diseño
Curso de UI Design
Curso de IA para UX/UI Designer
Curso de Webflow
Curso de Freelancer
Curso Nuevos

MegaPack

Pago Anual, acceso a todos los cursos
$197 USD/año
50% Dto.
Precio anterior $394 USD
Acceso a todos los cursos actuales y futuros
(Durante tu suscripción)
Incluye 1 año de Figma Pro
(Activo durante tu suscripción)
Curso de UX/UI Design
Curso de AutoLayout
Curso de Prototipado y animación
Curso de Sistemas de diseño
Curso de UI Design
Curso de IA para UX/UI Designer
Curso de Webflow
Curso de Freelancer
Curso Nuevos sin costo extra
WhatsApp ¿Necesitas ayuda? 😃