CURSO de FIGMA 2025 DESDE CERO | Curso de Introducción

Video Description

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