{"version":"1.0","provider_name":"Blog jlopez","provider_url":"https:\/\/www.pacgrafica.com\/blog","author_name":"jlopez","author_url":"https:\/\/www.pacgrafica.com\/blog\/author\/jlopez\/","title":"Curso Figma - Blog jlopez","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"DSd8f5H8Gp\"><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=DSd8f5H8Gp\" width=\"600\" height=\"338\" title=\"\u00abCurso Figma\u00bb \u2014 Blog jlopez\" data-secret=\"DSd8f5H8Gp\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!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);\n\/\/# sourceURL=https:\/\/www.pacgrafica.com\/blog\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","description":"Curso de Figma \u00a1Hola a todos! \u00a1Estoy emocionado de anunciar comenzamos entrenamientos a este curso Hola estudiante, si alguna vez has querido crear Historias y personajes animados pero no sab\u00edas c\u00f3mo 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\u00e1s Clave javaScript Bootstrap Git PHP React Angular MySql Temario Curso Figma Introducci\u00f3n a Figma \u00bfQu\u00e9 es Figma?Ventajas de Figma sobre otras herramientas de dise\u00f1oConfiguraci\u00f3n 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\u00e1sicos de dise\u00f1o en Figma Crear y gestionar marcos (frames)Formas b\u00e1sicas y herramientas de dibujoManipulaci\u00f3n de objetos (mover, escalar, rotar)Alineaci\u00f3n y distribuci\u00f3n de elementos Trabajando con capas y grupos Organizaci\u00f3n de capasCreaci\u00f3n y gesti\u00f3n de gruposUso de m\u00e1scarasBloqueo y ocultaci\u00f3n de capas Estilos y colores Creaci\u00f3n y aplicaci\u00f3n de estilos de colorGesti\u00f3n de la biblioteca de estilosCreaci\u00f3n de paletas de coloresUso de degradados y opacidad Tipograf\u00eda en Figma A\u00f1adir y editar textoEstilos de texto y p\u00e1rrafoImportaci\u00f3n y gesti\u00f3n de fuentesAjustes avanzados de tipograf\u00eda Componentes y sistemas de dise\u00f1o Creaci\u00f3n de componentesInstancias y propiedadesVariantes de componentesOrganizaci\u00f3n de componentes en la biblioteca Grids y constraints Configuraci\u00f3n de grids de dise\u00f1oUso de constraints para dise\u00f1o responsivoAuto layout para dise\u00f1os flexibles Prototipado en Figma Creaci\u00f3n de conexiones entre framesConfiguraci\u00f3n de transiciones y animacionesInteracciones avanzadas (hover, arrastrar, etc.)Prototipado para diferentes dispositivos Colaboraci\u00f3n en Figma Compartir proyectos y archivosComentarios y feedbackHistorial de versiones y control de cambiosTrabajo en equipo en tiempo real Plugins y integraciones Exploraci\u00f3n de la comunidad de plugins Instalaci\u00f3n y uso de plugins populares Integraci\u00f3n con otras herramientas (Slack, Jira, etc.) Exportaci\u00f3n y entrega Exportaci\u00f3n de assets para desarrollo Generaci\u00f3n de especificaciones para desarrolladores Creaci\u00f3n de presentaciones y documentaci\u00f3n de dise\u00f1o T\u00e9cnicas avanzadas de dise\u00f1o Dise\u00f1o de sistemas de iconos Creaci\u00f3n de ilustraciones en Figma Dise\u00f1o de interfaces complejas (dashboards, apps) Optimizaci\u00f3n del flujo de trabajo Mejores pr\u00e1cticas para la organizaci\u00f3n de archivos Creaci\u00f3n de plantillas y bibliotecas de equipo Automatizaci\u00f3n de tareas repetitivas Accesibilidad y dise\u00f1o inclusivo Principios de dise\u00f1o accesible Herramientas de Figma para evaluar la accesibilidad Implementaci\u00f3n de patrones de dise\u00f1o inclusivo Dise\u00f1o para diferentes plataformas Dise\u00f1o para web Dise\u00f1o para aplicaciones m\u00f3viles (iOS y Android) Dise\u00f1o para aplicaciones de escritorio Animaci\u00f3n avanzada en Figma Uso de Smart Animate Creaci\u00f3n de micro-interacciones Prototipado de animaciones complejas Gesti\u00f3n de proyectos de dise\u00f1o en Figma Planificaci\u00f3n y estructuraci\u00f3n de proyectos grandes Seguimiento del progreso y colaboraci\u00f3n a gran escala Presentaci\u00f3n de proyectos a clientes o stakeholders Tendencias y t\u00e9cnicas emergentes Dise\u00f1o de interfaces de voz (VUI) Realidad aumentada (AR) y realidad virtual (VR) en Figma Dise\u00f1o para wearables y IoT Proyecto final Aplicaci\u00f3n de todos los conocimientos adquiridos Creaci\u00f3n de un proyecto completo desde el concepto hasta el prototipo final Presentaci\u00f3n 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\u00a0 javascript: https:\/\/drag-and-drop.formkit.com SQLFlow herramienta que visualiza bases de datos: https:\/\/sqlflow.gudusoft.com\/#\/ La practica hace al maestro","thumbnail_url":"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2024\/07\/figmaLogo.png"}