Curso Figma Gratis 2024
¡Bienvenidos al curso de Figma 2024 totalmente gratuito en español! Aprenderás a utilizar Figma, la herramienta líder en diseño de interfaces de usuario y experiencia de usuario (UI/UX). Desde lo básico hasta técnicas avanzadas, nuestro instructor te guiará para dominar Figma y crear diseños impactantes. Colabora en tiempo real, prototipa y crece como diseñador. ¡Únete a nosotros y convierte tus ideas en realidad!
Tutorial Completo Figma
Esta es la versión del curso completo todo en uno. Si quieres ver las lecciones individualmente, puedes ir directamente al resumen del curso.
¿Por qué usar Figma?
Figma es sin duda el mejor programa que existe para realizar prototipos web, las ventajas que supone respecto a su cada vez mas escasa competencia son muy variadas. Primero de todo podemos usarlo desde el navegador, en cualquier ordenador en el que accedamos, con nuestros proyectos totalmente actualizados. La comunidad de Figma es muy activa y continuamente vemos plugins nuevos muy útiles o componentes y plantillas muy bien realizados, totalmente gratuitos.
Y ese es otro de sus beneficios, si bien es cierto que Figma tiene su versión de pago con ciertos aspectos que pueden mejorar su uso profesional, Figma puede usarse totalmente gratis y usarlo a la perfección sin pagar absolutamente nada.
Gestión de un Proyecto en Figma
Figma es un programam para crear prototipos web, pero no sólo nos sirve para eso. Con Figma podemos gestionar un proyecto web de principio a fin.
Una forma de tener nuestro trabajo organizado y poder compartirlo con colaboradores o con cliente siempre que queramos. Desde la investigación, la creación de wireframes, sitemap, guidelines hasta evidentemente el prototipo web.
Interfaz y Herramientas de Figma
En este video aprenderemos como usar Figma, cuales son sus herramientas más comunes y como funciona toda la interfaz de Figma. Si estás empezando con este programa sin duda este video va a a solucionarte un montón de dudas.
Plugins y Comunidad en Figma
La comunidad en Figma es algo vital. Se trata de una comunidad muy activa, en la que siempre podrás encontrar plugins para cada uso y plantillas o componentes para tus diseños. Si bien existen de pago hay muchísima variedad totalemnte gratuita.
Atomic Design en Figma
El Atomic design no es algo exclusivo de Figma es una metología de trabajo que siguen la mayoría de diseñadores UI, se trata de ir de los mas pequeños, lo átomos, a los mas grandes las paginas. Trabajando de este modo podemos ser mucho mas eficientes y efectivos. Pues podemos generar cambios globales sólo cambiando un aspecto especifico de nuestro diseño, lo veremos y entenderemos mejor en este video.
Gestión de Colores en Figma
Crear nuestra paleta de colores para nuestra web nunca ha sido tan sencillo, aprenderemos como hacerlo de forma rápida y sin complicaciones. Crearemos nuestras paletas para poder generar colores y cambiarlos en todo nuestro proyecto con solo dos clics. Aprenderemos como crear las paletas como inspirarnos en diferentes paletas de colores y como gestionarlo todo desde nuestro design system.
Tipografía en Figma
Elegir una tipografía para nuestra web es un trabajo complicado pero aun más crear nuestra jerarquía y combinaciones de estas. Ene ste video aprenderemos a gestionarla desde nuestro Design System ser mas eficientes a la hora de trabajar y hacer proyectos con cohesión y sentido. Te darás cuenta de que es mucho mas eficiente trabajar seteando primero nuestras variables tipográficas para que luego el trabajo salga rodado.
Gestión de Columnas y estructura en Figma
Cuantas columnas ha de tener nuestra web? Que espaciados? Que márgenes?
En este video lo entenderemos y aprenderemos a aplicarlo en nuestros diseños, una vez hecho podremos usarlas en infinidad de proyectos y tener siempre nuestro layout perfecto de forma muy sencilla y rápida.
En el diseño es tan importante diseñar bien el contenido como nuestros espaciados, en este video entenderemos como hacelro.
Autolayout y Responsive Design en Figma
El Responisve Design es algo que todos conocemos desde hace tiempo, es necesario en cualquier proyecto web.
¿Pero como lo hacemos en Figma? Con el Autolayout.
Aprenderemos todo lo necesario para dominarlo en Figma y poder hacer prototipos mucho mas reales y útiles.
Cómo Diseñar Botones Atractivos en Figma
Toda web necesita sus CTA’s sus botones secundarios, sus tamaños en Responsive y eso puede ser un lio.
En este video aprenderemos a setearlos bien en nuestro Design System par apode usarlos en todo el proyecto y en cualquier situación. Aprende a generar tus botones con todas sus variables para estar preparado para cada caso.
Diseñar un Menú en Figma
Comenzaremos a crear nuestra web y en este video nos centraremos en el menú y la hero section, crea un menú responsivo en Figma de forma eficiente y profesional.
Aprende a crear una Hero sección atractiva en Figma de forma profesional y teniendo en cuenta el autolayout.
Diseño Web en Ordenador Figma
Este es el video que estabas esperando, aquí haremos el diseño prácticamente de toda la web. De principio a fin, veremos sección a sección como desarrollar nuestro prototipo para que sea totalmente funcional.
Veremos como hacerlo de forma eficiente sin perder tiempo gracias a nuestro design system.
Diseño Web en Movil Figma
Actualmente las webs en móvil ya son mucho mas visitadas que las webs en desktop es muy importante prestarle gran atención a nuestro diseño en móvil, es por eso que este capitulo se centra en eso.
Como pasar de nuestro diseño desktop a móvil de forma rápida y eficiente.