FIGMA se ha convertido en una potente herramienta para quienes realizamos diseño UI/UX, ya que nos permite crear elementos de una alta calidad gráfica de manera muy fácil, mejorando la interacción con los cliente y equipos de trabajo, además de realizar todo esto con sencillez y eficacia.
En
este curso aprenderás a usar FIGMA desde cero completamente en español,
mientras llevamos a cabo ejemplos prácticos para ver la aplicación de esos
conceptos.
Conoceremos
FIGMA desde cero, ya que considero que es una de las herramientas de diseño más
versátiles actualmente gracias a su gran comunidad open source, brindándonos la
oportunidad de usar un navegador web para diseñar, prototipar y reunir feedback
en solo lugar.
Empieza
tu camino en el diseño UI, de aplicaciones y web o móvil, con este curso
completamente gratis.
¿Qué
aprenderás en este curso?
✅Diseño vectorial con Figma
✅Estrategias
de trabajo colaborativo
✅Diseño UI y prototipado
✅Sistemas
de diseño
✅Tu
primer mockup y prototipo con Figma
¿Qué conocimientos previos
necesitas?
Recomendable pero no obligatorio:
conceptos básicos de diseño.
Objetivos finales del curso
✅Identificar,
Conocer y usar las herramientas proporcionadas por FIGMA para realizar
interfaces y otros elementos.
✅Usar
la Herramienta Colaborativa de FIGMA para compartir tus diseños y recibir Feedback
✅Construir
su propio Flujo de trabajo (Workflow) para realizar proceso creativo en FIGMA
Temario del curso
1.-
Introducción a figma
🟢 Aprenderás qué es Figma y qué lugar ocupa en el desarrollo web
🟢 Conociendo Figma
🟢 Como descargar Figma
🟢 Interfaz de Figma
🟢 Conoce los Atajos de Teclado para Figma
2.-
Herramientas de para el diseño en Figma
Aprende a crear tu primer diseño con Figma·
🟢 Trasformando las formas en Figma
🟢 Grupo de selección en Figma
🟢 Uso del trazo y el relleno en Figma
🟢 Ajustes de Tamaño en los trazo y rellenos con Figma
🟢 Alineación y Agrupación en Figma
3.- Herramientas de para el diseño en Figma parte 2
Dibuja formas personalizadas y trabaja con imágenes.
🟢Como trabajar con Texto en Figma🟢Uso de imágenes en Figma
🟢Creación y uso de máscaras en Figma
🟢Uso de la pluma en Figma
🟢Usar la red vectorial (Vector Network) de Figma
🟢Editar objetos vectoriales en Figma
4.-
Constraints en Figma
Conoce y domina uno de los conceptos más importantes de Figma: los constraints.
🟢Que son los constraints🟢Utilizar los constraints con grid en Figma
🟢Practica: el diseño de botones
🟢Practica: el diseño de iconos
5.- Los Componentes en Figma
Trabaja con componentes que puedes guardar y reutilizar para acelerar tu trabajo.
🟢Como funcionan los componentes en Figma
6.-
Los Estilos en Figma
Con Figma puedes tener tus propias
lista de componentes, estilos y efectos.
🟢Tipos de Estilos en Figma
7.-
Crea y usa el Prototipado
Agrega interacción a tus diseños estáticos y replica la experiencia de usuario de tu diseño.
🟢Que son los prototipos en Figma🟢Prototipos animados
🟢Uso de Tiggers en los prototipos
🟢Creación de acciones en los prototipos de Figma
🟢Animaciones en prototipos con Figma
🟢Utilizar Smart Animate en Figma con nuestros prototipos
🟢Hacer scrolling Horizontal y vertical en prototipos con Figma
🟢Practica de como utilizar el scroll en Figma
8.-
Los Plugin en Figma
🟢 Plugin de contenidos
🟢 Plugin de edición de imagen
🟢 Plugin para mejor el diseño
🟢 Plugin de HTML
9.-
Sistema de diseño en Figma
Proximanente al finalizar el Curso de diseño UI
🥇Figma Tutorial Español (Como usar figma )