Contenido
Este curso de iniciación a Figma está diseñado para introducir a los estudiantes al mundo del diseño de interfaces digital y a la utilización de la herramienta de diseño Figma. Comenzamos con una breve introducción a Figma y a las ventajas que ofrece, para luego adentrarnos en los conceptos básicos de diseño, como la teoría del color, la tipografía, la composición y el diseño de interfaces de usuario.
Luego, nos enfocamos en la interfaz de usuario de Figma y en cómo crear un nuevo documento. Aprendemos a utilizar las herramientas básicas de diseño de Figma, como la selección y transformación de elementos, la herramienta de texto, la herramienta de formas, la herramienta de línea y flecha, y la herramienta de lápiz y pincel. También exploramos cómo trabajar con capas y grupos en Figma.
Continuamos con los colores y estilos en Figma, aprendiendo cómo crear paletas de colores, añadir degradados y crear estilos de texto y capas. Por último, aprendemos a exportar diseños como imágenes, archivos SVG y archivos PDF.
Este curso está diseñado para durar 4 horas y está dirigido a personas que no tienen experiencia previa en diseño digital ni en Figma. Los estudiantes saldrán del curso con una comprensión sólida de los conceptos básicos de diseño, así como de las herramientas y funciones básicas de Figma, lo que les permitirá comenzar a crear diseños digitales atractivos de manera efectiva.
Índice
1. Introducción a Figma y al diseño digital
• ¿Qué es Figma?
• Ventajas de usar Figma
• Diseño digital: conceptos básicos
2. Teoría del color
• Teoría del color: conceptos básicos
• Esquemas de color
• Herramientas de selección de color en Figma
3. Tipografía y composición
• Tipografía: conceptos básicos
• Jerarquía visual
• Composición: reglas básicas
4. Diseño de interfaces de usuario
• Diseño de interfaces de usuario: conceptos básicos
• Componentes de una interfaz de usuario
• Diseño para diferentes dispositivos y resoluciones
5. Interfaz de usuario de Figma
• Panel de herramientas
• Menús y submenús
• Panel de capas
• Área de trabajo
6. Crear un nuevo documento en Figma
• Tamaño del documento
• Crear marcos
• Añadir elementos básicos
• Guardar el documento
7. Herramientas básicas de diseño en Figma
• Selección y transformación de elementos
• Herramienta de texto
• Herramienta de formas
• Herramienta de línea y flecha
• Herramienta de lápiz y pincel
8. Trabajar con capas y grupos en Figma
• Crear capas y grupos
• Organizar capas y grupos
• Cambiar el orden de las capas
• Bloquear capas y grupos
9. Colores y estilos en Figma
• Crear paletas de colores
• Añadir degradados
• Crear estilos de texto
• Crear estilos de capas
10. Exportar diseños en Figma
• Exportar diseños como imágenes
• Exportar diseños como archivos SVG
• Exportar diseños como archivos PDF
Docente
Manuel Gómez Lora, diseñador de producto