Overview

Empezando con Figma (3.5 horas)Un curso para principiantes en diseño UX/UI con FigmaEste curso es una introducción completa a Figma, desde un principiante absoluto hasta las funciones avanzadas. Corto y enfocado, proporcionándote todo lo que necesitas saber para abordar cualquier diseño.Comenzaremos desde cero configurando tu cuenta de Figma y familiarizándonos con su estructura de archivos. Luego, nos sumergiremos en los fundamentos de Figma, como configurar marcos y anidarlos, agregar formas, texto, colores y cuadrículas, y crear diseños de UI sólidos. Una vez que te sientas cómodo con lo básico, profundizaremos en temas más avanzados como la creación de diseños de UI sólidos y trabajar con componentes para elementos reutilizables.Aprenderás cómo establecer estilos y variables para la consistencia, crear diseños responsivos con diseño automático y agregar prototipos básicos para dar vida a tus diseños, siempre teniendo en cuenta la colaboración con el desarrollo.Con ejercicios paso a paso y valiosos consejos y trucos, te convertirás en un experto en Figma en menos de 4 horas. Es perfecto para principiantes o aquellos que cambian de otro software de diseño como Sketch o Adobe XD a Figma.EmpezandoConseguir Figma - Proceso de registroFigma en el navegador vs. Aplicación de FigmaEl navegador de archivos de Figma - La página principal de FigmaCrear archivos de diseño en FigmaConceptos básicos de FigmaAgregar marcos a nuestro archivoAlgunos atajos útilesVisión general del archivo de diseñoAgregar formas y colorMenú de tamaño - manipulación de formas y marcosAlinear, ordenar y medirAgregar y trabajar con textoAnidar marcos - El superpoder de FigmaMarcos vs GruposDiseñar con marcos anidadosCuadrículas reutilizables con estilosComunidad de Figma y complementosAgregar imágenesDibujar en FigmaEscalado en Figma-> PROYECTO DEL CURSO Parte 1.1: Creando nuestro boceto de alambre-> PROYECTO DEL CURSO 1.2: Boceto de alambre a diseñoIntroducción a los componentesReutilizar elementos con componentes e instanciasAnulación de instanciasQué anular y qué noRevertir componentes y anulacionesAnidar componentesConjuntos de componentes con variantesMover componentes a su propia páginaMantener organizados los componentesIntroducción a funciones de componentes avanzadasPROYECTO DEL CURSO Parte 2: Convirtiendo nuestro diseño en componentesVariables y EstilosIntroducción a las variablesTrabajar con variables de colorOrganizar con colecciones y grupos de variablesVariables de tamaño y espaciado¿Y qué hay de los estilos?Tipografía y estilosDocumentar variables y estilosPROYECTO DEL CURSO Parte 3.1: Agregando variables de colorPROYECTO DEL CURSO Parte 3.2: Agregando Estilos de TextoDiseño Responsivo¿Qué es el auto layout?Agregar auto layoutComponentes y variables de auto layoutConfiguración de redimensionamientoAutomático o espacio entreAnidar auto layout con sistemaPosicionamiento absolutoPáginas de auto layoutRestricciones en FigmaRestricciones y cuadrículas¿Qué tamaño de marco debo usar?PROYECTO DEL CURSO Parte 4: Haciendo nuestro diseño responsivoPrototipado en FigmaConfigurar comportamiento de desplazamientoConectar pantallasMenú desplegable con superposicionesTipos de animaciónComponentes interactivosEspejo de Figma - Vista previa en tu dispositivoPROYECTO DEL CURSO Parte 5: Convirtiendo nuestro diseño en un prototipoCompartiendo con otros diseñadores y desarrolladoresConfigurar una miniaturaBibliotecas de equipo compartidas en FigmaConfigurar una biblioteca de equipo compartidaConectar a una biblioteca de equipo compartidaActualizar bibliotecas de equipo compartidasCompartir diseño, componentes, estilos y variablesDev Modo: Compartir con desarrolloAprovecha Figma para mejorar tus perspectivas en Diseño UI, Interfaz de Usuario, Diseño de Experiencia de Usuario, Diseño UX y Diseño Web, facilitando tu camino para asegurar un trabajo trabajando con Diseño UX/UI en Figma.Este es un curso original de moonlearning© moonlearning con moon learning

Skills

Reviews