Figma desde cero

Aprenderás qué es Figma y qué lugar ocupa en el desarrollo de software y producto.

• 1.1 - ¿Qué es Figma?
  9:15
• 1.2 - ¿Qué es UX y UI?
  7:38
• 1.3 - Conceptos clave de Figma
  13:44
• 1.4 - Interfaz de Figma
  8:58
• 1.5 Atajos de Teclado y Mouse
  5:46
• 1.6 - Frames y grids
  9:05

Aprenderás a crear tu primer diseño con Figma.

• 2.1 - Las formas
  10:48
• 2.2 - Transformación de formas
  11:58
• 2.3 - Operaciones con formas
  4:31
• 2.4 - Trazado y relleno
  10:48
• 2.5 - Ajustando tamaño de iconos con trazado y relleno
  7:16
• 2.6 - Alineación y agrupación
  6:28
• 2.7 - Smart selection
  10:44

Aprende a dibujar formas personalizadas y trabajar con imágenes.

• 3.1 - Texto
  14:05
• 3.2 - Imágenes
  9:02
• 3.3 - Máscaras
  7:15
• 3.4 - Pluma
  20:13
• 3.5 - Vector network
  6:04
• 3.6 - Edición vectorial de objetos
  13:10

Dominarás uno de los conceptos más importantes de Figma: los constraints.

• 4.1 - Constraints
  16:11
• 4.2 - Constraints con frames y constraints con grids
  7:46
• 4.3 - Ejercicio: diseño de botones
  11:32
• 4.4 - Ejercicio: diseño de íconos
  8:25
• 4.5 - Ejercicio: diseño de card
  9:02

Los componentes que puedes guardar y reutilizar para acelerar tu trabajo.

• 5.1 - Crear componentes
  11:37
• 5.2 - Sobrescribir componentes
  8:12
• 5.3 - Sobrescribir instancias
  4:54
• 5.4 - Componentes complejos
  13:58
• 5.5 - Repeat Grid con Figma
  13:13

Con Figma puedes tener tus propias librerías de componentes, estilos y efectos y compartirlas con tu equipo.

• 6.1 - Estilos
  9:10
• 6.2 - Tipos de estilos
  14:07
• 6.3 - Usar y editar estilos
  8:10
• 6.4 - Team Library
  6:51
• 6.5 - Agregar componentes a la librería
  4:18
• 6.6 - Actualizar y eliminar componentes de la librería
  8:08

Agrega interacción a tus diseños estáticos y replica la experiencia de usuario de tu app.

• 7.1 - Prototipos
  17:07
• 7.2 - Triggers
  16:48
• 7.3 - Actions
  9:38
• 7.4 - Animaciones
  12:28

Usa características exclusivas de Figma para crear prototipos avanzados.

• 8.1 - Smart Anímate
  11:50
• 8.2 - Scrolling
  13:03
• 8.3 - Ejercicio: Utilizando Scroll
  7:47
• 8.4 - Figma Mirror
  5:01

Buenas prácticas y estrategias para organizar el trabajo en equipo.

• 9.1 - Organización de documentos
  8:16
• 9.2 - Organización de Assets
  7:48
• 9.3 - Buenas prácticas de trabajo en equipo
  7:15
• 9.4 - Compartir tu trabajo
  11:23
• 9.5 - Exportar tu trabajo
  13:28

Aprenderás a agregarle nuevas funcionalidades a Figma con plugins.

• 10.1 - Plugins
  4:46
• 10.2 - Plugins de contenido
  22:36
• 10.3 - Plugins para edición
  8:25
• 10.4 - Plugins de utilidades
  7:58
• 10.5 - Plugins de diseño
  12:24
• 10.6 - Plugins de layout
  13:12
• 10.7 - Plugins de HTML
  5:58
• 10.8 - Plugins de color
  4:42
• 10.9 - Plugins de organización
  9:38

Un sistema de diseño es la base sobre la que se construye el diseño de una marca y sus productos.

• 11.1 - ¿Qué es un sistema de diseño?
  13:54
• 11.2 - Ejemplos de sistemas de diseño
  14:29
• 11.3 - Fundamentos de las tipografías
  24:59
• 11.4 - Elección de paleta de color
  12:54
• 11.5 - La importancia del Layout
  13:20
• 11.6 - Recomendaciones para crear un sistema de diseño en Figma
  13:50

Crea frames, componentes y páginas completas mucho más flexibles y dinámicos.

• 12.1 - Auto layout en frames
  8:32
• 12.2 - Manejo de paddings
  4:33
• 12.3 - Distribución y alineación de elementos
  8:48
• 12.4 - Auto layout en componentes
  3:33
• 12.5 - Creando botones con auto layout
  5:32
• 12.6 - Creando cards flexibles
  14:17
• 12.7 - Creando un to-do list tipo Asana/Trello
  9:30

Organiza tus componentes agrupando todas sus variantes en uno solo.

• 13.1 - Introducción a las variantes
  16:32
• 13.2 - Componentes con variantes
  6:22
• 13.3 - Actualiza tus componentes a variables
  5:51
• 13.4 - Creando un sistema de botones
  12:01
• 13.5 - Creando un card con sus variantes
  15:26