1.0Blog jlopezhttps://www.pacgrafica.com/blogjlopezhttps://www.pacgrafica.com/blog/author/jlopez/rich600338<blockquote class="wp-embedded-content" data-secret="lf2BUwovGX"><a href="https://www.pacgrafica.com/blog/curso-figma/">Curso Figma</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://www.pacgrafica.com/blog/curso-figma/embed/#?secret=lf2BUwovGX" width="600" height="338" title="«Curso Figma» — Blog jlopez" data-secret="lf2BUwovGX" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script> /*! This file is auto-generated */ !function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document); //# sourceURL=https://www.pacgrafica.com/blog/wp-includes/js/wp-embed.min.js </script> Curso de Figma ¡Hola a todos! ¡Estoy emocionado de anunciar comenzamos entrenamientos a este curso Hola estudiante, si alguna vez has querido crear Historias y personajes animados pero no sabías cómo empezar, este entrenamiento es fundamental para Lograrlo Este blog inicialmente tiene como fin transferir conocimientos de temas acerca de la herramienta de Figma Bienvenido al Curso, hablaremos de: Capas Fotogramás Clave javaScript Bootstrap Git PHP React Angular MySql Temario Curso Figma Introducción a Figma ¿Qué es Figma?Ventajas de Figma sobre otras herramientas de diseñoConfiguración de la cuenta y del espacio de trabajo Interfaz de usuario de Figma Barra de herramientasPanel de capasPanel de propiedadesAtajos de teclado esenciales Conceptos básicos de diseño en Figma Crear y gestionar marcos (frames)Formas básicas y herramientas de dibujoManipulación de objetos (mover, escalar, rotar)Alineación y distribución de elementos Trabajando con capas y grupos Organización de capasCreación y gestión de gruposUso de máscarasBloqueo y ocultación de capas Estilos y colores Creación y aplicación de estilos de colorGestión de la biblioteca de estilosCreación de paletas de coloresUso de degradados y opacidad Tipografía en Figma Añadir y editar textoEstilos de texto y párrafoImportación y gestión de fuentesAjustes avanzados de tipografía Componentes y sistemas de diseño Creación de componentesInstancias y propiedadesVariantes de componentesOrganización de componentes en la biblioteca Grids y constraints Configuración de grids de diseñoUso de constraints para diseño responsivoAuto layout para diseños flexibles Prototipado en Figma Creación de conexiones entre framesConfiguración de transiciones y animacionesInteracciones avanzadas (hover, arrastrar, etc.)Prototipado para diferentes dispositivos Colaboración en Figma Compartir proyectos y archivosComentarios y feedbackHistorial de versiones y control de cambiosTrabajo en equipo en tiempo real Plugins y integraciones Exploración de la comunidad de plugins Instalación y uso de plugins populares Integración con otras herramientas (Slack, Jira, etc.) Exportación y entrega Exportación de assets para desarrollo Generación de especificaciones para desarrolladores Creación de presentaciones y documentación de diseño Técnicas avanzadas de diseño Diseño de sistemas de iconos Creación de ilustraciones en Figma Diseño de interfaces complejas (dashboards, apps) Optimización del flujo de trabajo Mejores prácticas para la organización de archivos Creación de plantillas y bibliotecas de equipo Automatización de tareas repetitivas Accesibilidad y diseño inclusivo Principios de diseño accesible Herramientas de Figma para evaluar la accesibilidad Implementación de patrones de diseño inclusivo Diseño para diferentes plataformas Diseño para web Diseño para aplicaciones móviles (iOS y Android) Diseño para aplicaciones de escritorio Animación avanzada en Figma Uso de Smart Animate Creación de micro-interacciones Prototipado de animaciones complejas Gestión de proyectos de diseño en Figma Planificación y estructuración de proyectos grandes Seguimiento del progreso y colaboración a gran escala Presentación de proyectos a clientes o stakeholders Tendencias y técnicas emergentes Diseño de interfaces de voz (VUI) Realidad aumentada (AR) y realidad virtual (VR) en Figma Diseño para wearables y IoT Proyecto final Aplicación de todos los conocimientos adquiridos Creación de un proyecto completo desde el concepto hasta el prototipo final Presentación y defensa del proyecto Profe Jlopez explica el curso, no olvides darle like y suscribirse al canal Enlaces de interes Figma figma community Blog oficial figma Lenguaje javaScript Bootstrap Articulos de Explicaciones Box Model Git Videotutoriales explicativos https://youtu.be/7EaCBFDFyrc?si=_uU0_Jrapx7JkYwZhttps://youtu.be/baBSsOxoEgY?si=gS9qtq34fAWTvWpS Herramientas recomendadas Drag and drop con  javascript: https://drag-and-drop.formkit.com SQLFlow herramienta que visualiza bases de datos: https://sqlflow.gudusoft.com/#/ La practica hace al maestrohttps://www.pacgrafica.com/blog/wp-content/uploads/2024/07/figmaLogo.png