Diseño
Diseño Web con Figma
- Sobre el curso
- Contenido
En este curso aprenderás a diseñar interfaces web modernas utilizando Figma, una de las herramientas más utilizadas en la industria. A través de ejercicios prácticos y guiados, te familiarizarás con su entorno de trabajo, aprenderás a usar frames, texto, formas, componentes reutilizables y dominarás conceptos esenciales como jerarquía visual, espaciado, padding, margin y diseño responsivo.
Durante las clases, crearás el diseño de una landing page básica, entendiendo cómo estructurar visualmente una interfaz clara, atractiva y funcional. Este curso sienta las bases visuales que luego podrás convertir en código con HTML y CSS, facilitando el paso del diseño al desarrollo.
Requerimientos:
Computadora / Notebook
Conexión estable
- ¿Qué es Figma y cómo funciona su interfaz
- Creación y uso de frames, formas, texto e imágenes
- Capas, alineación, agrupación y organización de elementos
- Fundamentos visuales: jerarquía, contraste, tipografía y color
- Uso de padding, margin, border-radius y espaciado
- Introducción a grids, layout y diseño responsivo
- Uso de Auto Layout para estructuras flexibles
- Creación de componentes reutilizables y variantes
- Diseño de elementos clave: botones, cards, header, footer
- Diseño completo de una landing page (versión desktop)
- Adaptación a versión mobile
- Exportación de assets e inspección del diseño para desarrollo