Figma para UX/UI: 7. Formatos de Exportación - jonmircha
Sigue así. Cada lección te acerca más a tu certificado.
Sobre esta lección
En este video del Curso de Figma para UX/UI, revisamos las diferentes opciones y formatos que hay en Figma para exportar nuestros diseños. 🎓🤓 Certifícate en UX/UI 👉🏻 https://jonmircha.com/certificacion-ux-ui 📝 ÍNDICE: 1. 0:00:00 - Introducción a los formatos y modos de exportación en Figma. 2. 0:00:41 - Ubicación de las opciones de exportación en el inspector de propiedades. 3. 0:01:05 - Los 4 formatos principales: PNG, JPG, SVG y PDF. 4. 0:01:21 - Ajuste de escala de exportación (0.5x, 1x, 2x, etc.). 5. 0:01:44 - Opciones de configuración por formato: Sufijos y calidad de imagen. 6. 0:02:28 - Particularidades del formato SVG: Inclusión de IDs y atributos de código. 7. 0:03:38 - Configuración y exportación a formato PDF. 8. 0:04:18 - Exportar elementos en PNG a diferentes escalas. 9. 0:05:40 - El SVG como estándar de código: Cómo editar vectores en un editor de texto. 10. 0:06:50 - Modificación de colores (Fill) y eliminación de trazados (Paths) mediante código. 11. 0:08:50 - Cómo copiar el código SVG directamente desde el navegador (Inspector) a Figma. 12. 0:10:55 - Importación de logos vectoriales sin necesidad de descarga previa. 13. 0:12:55 - Exportación en formato JPG: Ajustes de calidad y tamaño. 14. 0:13:50 - Uso del PDF para presentaciones de pantallas (Frames) a clientes. 15. 0:14:27 - Exportación masiva de elementos y generación de archivos .ZIP. 16. 0:15:43 - Comportamiento de la exportación al seleccionar varios elementos dentro de un Frame. 17. 0:17:33 - Uso de la herramienta Cuchilla (Slice tool) para exportar áreas específicas. 18. 0:18:38 - Comparativa entre la herramienta Slice y las capturas de pantalla del sistema operativo. 19. 0:20:41 - Exportación de Secciones (Sections) completas para prototipos. 20. 0:21:23 - Recomendaciones para el traspaso de recursos (Assets) al equipo de desarrollo. 21. 0:22:11 - 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
Sobre este curso
Aprende Figma la aplicación web que te permite crear diseños y prototipos de UI y UX.
Lo que aprenderás en este curso:
- Comprender los principios del diseño gráfico profesional
- Dominar las herramientas de diseño y edición de imágenes
- Crear composiciones visuales atractivas y efectivas
- Diseñar logotipos, cartelería y material publicitario