Figma para UX/UI: 14. Constraints - jonmircha

Sobre esta lección

En este video del Curso de Figma para UX/UI, revisamos el funcionamiento de la herramienta Constraints en Figma. 🎓🤓 Certifícate en UX/UI 👉🏻 https://jonmircha.com/certificacion-ux-ui 📝 ÍNDICE: 1. 0:00:00 - Introducción a las Constraints (Restricciones) en Figma. 2. 0:00:25 - Definición: Cómo responden las capas y objetos al cambiar el tamaño del layout. 3. 0:01:03 - Problema común: Deformación de elementos al redimensionar un Frame. 4. 0:01:52 - Ubicación del panel de Constraints dentro de la sección "Position". 5. 0:02:25 - Valores por defecto: Left (Izquierda) y Top (Superior). 6. 0:02:40 - Opciones de alineación horizontal: Left, Right, Left and Right, Center y Scale. 7. 0:02:50 - Opciones de alineación vertical: Top, Bottom, Top and Bottom, Center y Scale. 8. 0:03:10 - Impacto del Auto Layout en las Constraints (Ejemplo en Footer y Header). 9. 0:03:55 - Configuración para escalado proporcional: Uso de "Left and Right" en cabeceras. 10. 0:04:45 - Diferencia entre escalado (Scale) y mantenimiento de márgenes. 11. 0:05:22 - Ejemplo práctico 1: Agrupación de tarjetas mediante Auto Layout y asignación de Constraints. 12. 0:07:30 - Organización de capas: Posicionamiento del Header y Footer sobre el contenido. 13. 0:08:10 - Ejemplo práctico 2: Uso de "Center Center" para mantener elementos en el centro del Frame. 14. 0:09:00 - Ejemplo práctico 3: Comportamiento de botones con "Center" vs "Scale". 15. 0:09:55 - Ejemplo práctico 4: Fijación de elementos a la derecha y arriba (Right & Top). 16. 0:11:15 - Resumen visual y captura de pantalla del panel de control de Constraints. 17. 0:12:45 - Conclusión y anticipo: Próxima clase sobre Estilos y Componentes. 🖤 Recursos de la clase: ⚫️ Duplica este Figma para seguir el curso 👉🏻 https://www.figma.com/design/8Q99q0RqzFXB2YIbbWNXBX/Dise%C3%B1o-UI-en-Figma 🦊 Visita mi sitio web https://jonmircha.com 🔔 Suscríbete al canal https://youtube.com/jonmircha 🌮 ¿Me invítas un taco? https://www.paypal.me/jonmircha 👉🏻 Mi Taller de IA Minimalista - https://jonmircha.com/ia-minimalista 👨🏻‍💻 Toma una Mentoría conmigo https://jonmircha.com/mentoria 📫 Suscríbete a mi lista de correo https://jonmircha.com/newsletter #jonmircha #uxui #figma