A tener en cuenta antes de empezar: Este no es un curso de diseño, sino un curso de Figma, en la introducción doy consejos si queréis aprender diseño web o producto. Se podrá seguir el tutorial con una cuenta totalmente gratuita. Siento los cortes de audio que hay en algunos partes, ya estoy trabajando en ello.
¡A disfrutar y a diseñar! Deja tus dudas y tu feedback en los comentarios para más contenido de este tipo.
📱 Comunidad de Discord
- https://discord.gg/comuafor
🤳🏼Redes
[Twitch]: https://www.twitch.tv/afor_digital
[Instagram]: https://www.instagram.com/afor_digital
[Twitter]: https://twitter.com/afor_digital
[Tiktok]: https://www.tiktok.com/@afor_digital
[Github]: https://github.com/afordigital
📺 Capítulos
00:00 - Introducción
02:00 - ¿Qué es Figma?
04:30 - Planes de Figma
05:45 - Figma for devs o de Figma a código
07:32 - Proyectos en Figma y la comunidad
08:53 - Entendiendo la interfaz de Figma - Pages, Layers y Shortcuts
11:15 - Menú inferior de edición
12:15 - Herramienta de Scale
14:15 - ¿Qué es un Frame, Section, Slice y para qué sirve?
18:45 - Formas en Figma
21:12 - Manipulación de vectores en Figma
22:15 - Herramienta Pen y Pencil en Figma
22:39 - Herramienta de Texto y Tipografïa en Figma
24:39 - ¿Cómo realizar comentarios en Figma?
26:05 - ¿Cómo instalar plugins en Figma, menú de acciones?
27:05 - Figma for devs
28:42 - Posición y alineamiento de objetos en Figma
32:45 - Layout y Autolayout en Figma
34:00 - ¿Cómo trabajar con Autolayout en Figma?
42:25 - Ejercicio: Rehacemos una landing con Autolayout y buenas prácticas
01:12:40 - Variables y estilos en Figma
01:14:15 - Creación de una paleta de colores con estilos
01:22:49 - Definir nuestros estilos de sombras
01:25:06 - Definir nuestros estilos de tipografías
01:30:13 - Definir nuestros estilos de grids
01:34:40 - Creación componentes y variantes
01:58:19 - Conclusión y despedida
#figma #figmafordevs #figmadesign #figmacommunity #figmatutorial #diseño #diseñoweb #programacion #desarrollo #desarrolloweb #development #web #frontend