Figma para UX/UI: 5. Imágenes, Videos y Fills - jonmircha

Sobre esta lección

En este video del Curso de Figma para UX/UI, revisamos los distintos Fills que podemos cargar en FIgma como Colores Sólidos, Degradados, Patrones, Imágenes y Videos. 🎓🤓 Certifícate en UX/UI 👉🏻 https://jonmircha.com/certificacion-ux-ui 📝 ÍNDICE: 1. 0:00:00 - Introducción a los elementos multimedia: Imágenes y videos. 2. 0:00:36 - Formatos de imagen soportados por Figma (JPG, PNG, GIF, SVG, WebP). 3. 0:01:41 - Importación de imágenes mediante drag & drop y vectores desde Illustrator. 4. 0:02:18 - Comportamiento de los GIFs animados en Figma. 5. 0:03:30 - Consideraciones sobre el uso de videos en diseño UX/UI. 6. 0:05:03 - Diferencias entre imágenes (Rellenos) y archivos SVG (Frames). 7. 0:06:37 - Inserción de videos: Restricciones de la cuenta gratuita vs. cuenta profesional/educativa. 8. 0:10:53 - Previsualización de videos y gestión de audio en prototipos. 9. 0:11:40 - Impacto del peso de los archivos multimedia en el rendimiento de Figma. 10. 0:14:26 - Recomendaciones de flujo de trabajo: Diseñar el contenedor antes de cargar la imagen. 11. 0:16:47 - Tipos de rellenos (Fills): Sólidos, degradados, patrones, imágenes y videos. 12. 0:18:16 - Capas de relleno múltiples y gestión de opacidad. 13. 0:18:50 - Configuración de degradados (lineales, radiales, angulares y diamante). 14. 0:19:39 - Introducción a los Patrones (Patterns) como nueva funcionalidad. 15. 0:21:12 - Carga de imágenes directamente en contenedores (rectángulos, estrellas, etc.). 16. 0:24:32 - Edición de imagen en Figma: Exposición, contraste, saturación y temperatura. 17. 0:25:15 - Modos de ajuste de imagen: Fill, Fit, Crop y Tile. 18. 0:27:51 - Modos de fusión (Blend Modes) similares a Photoshop. 19. 0:29:13 - Creación de Hero Images y superposición de texto sobre imágenes con fondos oscurecidos. 20. 0:31:41 - Tutorial: Cómo crear y aplicar tus propios patrones personalizados usando frames. 21. 0:36:26 - Conclusión y cierre de la clase. 🖤 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 Desarrollo Web Minimalista - https://jonmircha.com/taller-minimalista 👨🏻‍💻 Toma una Mentoría conmigo https://jonmircha.com/mentoria 📫 Suscríbete a mi lista de correo https://jonmircha.com/newsletter #jonmircha #uxui #figma