¡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
¿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".
.webp)
¿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

.webp)




.webp)

%20(1).jpg)
.webp)
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
Paquetes de cursos
Aprende más gastando menos, elige el paquete que mejor se ajuste a tus objetivos.
DesignerPack
(Los cursos ya están definidos y no se pueden cambiar).

.png)
.jpg)

.webp)


